<q>
~</q>
Q は Quotation(引用)の略です。<blockquote>
が長い引用を記述するのに対し、<q>
は短い引用を記述します。<q>
はインライン要素、<blockquote>
はブロック要素と考えると分かりやすいです。
規定では、ブラウザが lang 属性に従って適切な引用符をつけることが要請されています。各ブラウザでは下記の様に実装されています。
ブラウザ | 状況 |
---|---|
Chrome | “...” で囲む。(lang="ja" の場合は 「...」) |
Edge | “...” で囲む。(lang="ja" の場合は 「...」) |
Firefox | “...” で囲む。(lang="ja" の場合は 「...」) |
Safari | “...” で囲む。(lang="ja" の場合は 「...」) |
Opera | “...” で囲む。(lang="ja" の場合は 「...」) |
IE8(標準モード) | 「・・・」で囲む。 |
IE8(互換モード) | なにもつけない。 |
<p>クラーク博士は <q>Boys, be ambitious!</q> と言った。</p>
Boys, be ambitious!と言った。