<q> - 短い引用

■ 概要

項　　目説　　明
記述形式 <q>～</q>
対応ブラウザー H4+ / e4+ / N6+ / Fx1+ / Op6+ / Ch1+ / Sa1+
種　　類
（カテゴリー）		 フロー・コンテンツ，フレージング・コンテンツ，パルパブル・コンテンツ  
置ける場所 フレージング・コンテンツが記入できる場所
内包要素
（コンテンツ・モデル）		 フレージング・コンテンツ
（コンテンツ・モデル: カテゴリー）

■ 解説

<q> は Quotation（引用）の略です。　<blockquote> が長い引用を記述するのに対し，<q> は短い引用を記述します。　複数のフレーズを含むような長い文章を引用する場合には，blockquote要素を使用してください。

HTML5 では，<q> はフレージング・コンテンツ（フロー・コンテンツ），<blockquote> はセクショニング・ルート（フロー・コンテンツ）として定義されています。

一般的なブラウザーでは，引用部分の前後に引用符(｢"｣)が自動的に挿入されるため，文章中で引用符をつけないように注意してください。

ブラウザー 状況
IE8（標準モード） 「・・・」で囲む。
IE8（互換モード） なにもつけない。
Firefox 4 “・・・” で囲む。
Opera 11 "・・・" で囲む。
Chrome 12 "・・・" で囲む。

■ 属性

種　　類名　　称
【固有属性】 cite
【グローバル属性】 accesskey，class，contenteditable *， dir，
hidden *，id， lang，spellcheck *，style，
tabindex，title，translate *
【ARIA role属性】 で
指定可能な値 （役割）		 任意の値 （役割）
【ARIA aria-* 属性】 で
指定可能なもの		 ARIA グローバル状態とプロパティ，
指定可能な役割の任意の状態とプロパティ   

cite属性
引用元に URL があるときには，この属性で指定します。

■ CSSプロパティ

種　　類名　　称
【よく使うもの】 color，background-color，font，font-size，font-family

■ 使用例

HTMLソース
HTML
<body> ～ </body>		 
<p>クラーク博士は <q>Boys, be ambitious!</q> と言った。</p>

ブラウザー 表示例
クラーク博士は Boys, be ambitious! と言った。

■ 備考