English 中文 العربية 日本語 Português

<blockquote>: BLOCKQUOTE 要素

最終更新：2026-10-13

<blockquote>BLOCKQUOTE 要素

ブロックレベルの引用（インラインの q とは異なる）を表します。必要に応じて引用元を記せます。

カテゴリセマンティック
コンテンツモデルフローコンテンツ
許可される親要素フローコンテンツを受け入れる要素
閉じタグ必要 </blockquote> タグ
ステータス標準

📝 構文

<blockquote>引用コンテンツ</blockquote>

⚙️ 属性

この要素はグローバル属性に加え、以下の属性をサポートします：

属性値説明
citeURL of the source document being quoted.
すべてのグローバル属性を見る → すべてのイベント属性を見る →

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認：

▶ 試してみる

🌐 ブラウザサポート

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<blockquote> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
すべての主要ブラウザでサポート
ヒント： 長い引用には blockquote、インラインの短い引用には q を使います。引用元は cite 属性や footer で示します。

❓ よくある質問

Qblockquote と q の違いは何ですか？
A<blockquote> はブロックレベルの引用（段落全体・複数行）、<q> はインラインの短い引用（文中の一言）です。ブラウザは <q> に自動で引用符を付けますが、blockquote には付けません。長文の引用には前者、文章の流れの中の引用には後者を使います。
Qblockquote の cite 属性はどう使いますか？
Acite 属性には引用元の URL を書きます（例：<blockquote cite='https://example.com/source'>）。ユーザーには表示されません。出典をページ上に見せたい場合は、引用ブロック内に自前で <footer> や <cite> 要素を追加します。
Qblockquote は入れ子にできますか？
Aできます。入れ子の <blockquote> は「引用の中の引用」を表します。仕様に階層の制限はありませんが、深い入れ子は可読性を損なうため、通常は1〜2階層で十分です。各階層のデフォルトのインデントは積み重なります。
<q> <cite> <footer>
今後さらにケーススタディを追加予定です。

📚 関連チュートリアル

HTML Text Formatting HTML Semantics
HTML タグリファレンス
すべての HTML タグの構文・属性・例を確認できます。
Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%