サイト制作

HTMLのblockquoteとqの違い｜引用の長さと文章の流れで選ぶ

慈愛妃きづな

2026-11-10

この記事には広告・アフィリエイトリンクが含まれます。

独立したまとまりの引用にはblockquote、文章の途中の短い引用にはqを使います。字下げのためだけに引用タグを選ばず、出典が読者に見えるかも確かめましょう。

独立した引用か、文の途中の引用か

別の文章を引用するときは、まず本文から独立したまとまりなのか、文中に入る短い一節なのかを分けます。段落を含む引用にはblockquote、文章の流れの中に置く短い引用にはqが向いています。

たとえば、長い説明を一段落抜き出して紹介する場合と、「案内にはこう書いてあります」と短い言葉を文へ組み込む場合では、読み進め方が違います。その違いをHTMLでも表すのが使い分けの目的です。

blockquoteは一般に字下げされ、qは引用符で囲まれるように表示されます。ただし、どちらも見た目を作る専用の道具ではありません。自分の文章を右へずらすためだけにblockquoteを使うと、引用ではない文へ引用の意味を付けてしまいます。

装飾はCSSで調整し、引用タグは実際に引用した範囲へ使いましょう。qの周囲に引用符を手作業で重ねる場合も、ブラウザーの表示と二重になっていないか確認します。

cite属性には引用元のURLを指定できますが、それだけで画面に出典リンクが表示されるわけではありません。読者がたどれるよう、出典名とリンクは見える形でも用意します。blockquoteの出典表記は引用本文の外側へ置くのが基本です。

私は、読み手が「どこからの言葉か」を迷わず確かめられることが大切だと思います。タグを付けたあとに、引用範囲・出典名・リンク先の三つを見直してみてください。