<q> - 短い引用

目次

概要

形式
<q></q>
サポート
https://caniuse.com/mdn-html_elements_q
カテゴリ
フローコンテンツ
フレージングコンテンツ
パルパブルコンテンツ
親要素
フレージングコンテンツ を子要素に持てるもの
子要素
フレージングコンテンツ
タグの省略
開始タグ:必須 / 終了タグ:必須
属性
グローバル属性
cite

説明

Q は Quotation(引用)の略です。<blockquote> が長い引用を記述するのに対し、<q> は短い引用を記述します。<q> はインライン要素、<blockquote> はブロック要素と考えると分かりやすいです。

規定では、ブラウザが lang 属性に従って適切な引用符をつけることが要請されています。各ブラウザでは下記の様に実装されています。

ブラウザ状況
Chrome“...” で囲む。(lang="ja" の場合は 「...」)
Edge“...” で囲む。(lang="ja" の場合は 「...」)
Firefox“...” で囲む。(lang="ja" の場合は 「...」)
Safari“...” で囲む。(lang="ja" の場合は 「...」)
Opera“...” で囲む。(lang="ja" の場合は 「...」)
IE8(標準モード)「・・・」で囲む。
IE8(互換モード)なにもつけない。

属性

グローバル属性
詳細は グローバル属性 を参照してください。
cite=url
LS/H4/e/Ch/Fx/Sa/Op/N6。引用元の URL を指定します。

使用例

HTML
<p>クラーク博士は <q>Boys, be ambitious!</q> と言った。</p>
表示
クラーク博士は Boys, be ambitious! と言った。