<q>
<q> は HTML の要素で、中に含まれるテキストが短いインラインの引用であることを示します。最近の多くのブラウザーでは、文字列を引用符で囲むように実装しています。この要素は、段落区切りをまたがない短い引用のためのものです。長文の引用には、 <blockquote> 要素を使用してください。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 3 | 18 | 2 | |
| HTML 属性 | ||||||
cite | 1 | 12 | 1 | 3 | 18 | 2 |
| DOM API | ||||||
| HTMLQuoteElement インターフェイスは、（通常の HTMLElement インターフェイスから継承されるもの以外に）引用要素を操作するための特別なプロパティやメソッドを提供します。例えば blockquote や q ですが、cite 要素は含みません。 | 1 | 12 | 1 | 3 | 18 | 1 |
| HTMLQuoteElementインターフェイスのciteプロパティは、引用元のURLを示します。q要素のcite属性を反映します。 | 1 | 12 | 1 | 3 | 18 | 1 |
基本構文
HTML
<p>The W3C is committed to <q cite="https://www.w3.org/">ensuring the long-term growth of the Web</q>.</p>ライブデモ
inlinequote
Q element in textmiddle to shortquote insert.browser that automaticallyquotes attach.
プレビュー全画面表示
sourcespecified with Cite attribute.
Cite attribute in quotesource. URL mechanismallowread to specified.
プレビュー全画面表示
実務での使いどころ
-
<q> の活用
<q> は HTML の要素で、中に含まれるテキストが短いインラインの引用であることを示します。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。