<q>: Q 要素
最終更新：2026-10-13
<q>Q 要素
短いインラインの引用を定義します。ブラウザーが自動的に引用符を追加します。
| カテゴリ | テキスト内容 |
|---|---|
| コンテンツモデル | フレージングコンテンツ |
| 許可される親要素 | フレージングコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </q> タグ |
| ステータス | 標準 |
📝 構文
<q>引用テキスト</q>⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします：
| 属性 | 値 | 説明 |
|---|---|---|
cite | URL | A URL pointing to the source of the quotation. |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <q> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： <q> は引用符を自動で追加し、言語に応じてローカライズします。ブロックレベルの引用には <blockquote> を使いましょう。
❓ よくある質問
Qq タグと手打ちの引用符の違いは何ですか？
A
<q> は「これは引用である」と宣言し、ブラウザが言語環境に応じて正しい引用符を自動で付けます（日本語の「」、英語の “” など）。スクリーンリーダーも引用の意味を認識できます。手打ちの引用符はただの文字で意味がなく、言語環境が変われば手で直す必要があります。Qq と blockquote の違いは何ですか？
A
<q> はインラインの短い引用で、文中に埋め込んで使います。<blockquote> はブロックレベルの引用で、段落まるごとを独立した塊にします。引用符を自動で付けるのは q だけです。blockquote はインデントで表現されます。Qq タグは入れ子にできますか？
Aできます。入れ子の
<q> は「引用の中の引用」を表し、ブラウザは外側と内側の引用符のスタイルを自動で切り替えます（英語なら外は二重、内は一重）。手書きの引用符よりはるかに楽で、意味的にも正しい方法です。🏷️ 関連タグ
💡 関連ケース
📚 関連チュートリアル
