<q>: インライン引用要素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

<q> はHTML の要素で、中に含まれるテキストが短いインラインの引用であることを示します。最近の多くのブラウザーでは、文字列を引用符で囲むように実装しています。この要素は、段落区切りをまたがない短い引用のためのものです。長文の引用には、<blockquote> 要素を使用してください。

試してみましょう

<p>  When Dave asks HAL to open the pod bay door, HAL answers:  <q    cite="https://www.imdb.com/title/tt0062622/quotes/?item=qt0396921&ref_=ext_shr_lnk">    I'm sorry, Dave. I'm afraid I can't do that.  </q></p>

q {  font-style: italic;}

属性

この要素はグローバル属性を持ちます。

cite: この属性の値は、引用した情報の引用元となる文書やメッセージの URL です。この属性は、引用文のコンテキストや参照先を説明する情報を指すためのものです。

例

html

<p>  According to Mozilla's website,  <q cite="https://www.mozilla.org/en-US/about/history/details/">    Firefox 1.0 was released in 2004 and became a big success.  </q></p>

結果

技術的概要

コンテンツカテゴリー	フローコンテンツ,記述コンテンツ, 知覚可能コンテンツ
許可されている内容	記述コンテンツ
タグの省略	なし。開始タグと終了タグの両方が必須です。
許可されている親要素	記述コンテンツを受け入れるすべての要素
暗黙の ARIA ロール	No corresponding role
許可されている ARIA ロール	すべて
DOM インターフェイス	`HTMLQuoteElement`