HTMLの < blockquote >とは?

Webサイトで誰かの言葉や文章を引用したいとき、どうしていますか?

そんなときに使えるHTMLの< blockquote >タグです‼️

この記事では< blockquote >の解説をします!

使い方


<blockquote>

引用をしたい文章を掲載

</blockquote>

とHTMLを記入すると、

引用をしたい文章を掲載

このようになります‼️

<blockquote> は、「長めの引用文」を示すために使うHTMLタグでブラウザ上ではインデントされて表示されるのが特徴になります。

< q >タグとの違い

HTMLタグには< blockquote >と同じような使い方をする< q >タグが存在します。

その違いは以下のようになります

タグ名用途表示例
<q>短い引用文“このように”表示される
<blockquote>長文の引用インデントされる、改行もOK

まとめ

< blockquote >は「長文引用」に使うHTMLタグで記事を書くときにただ言葉を並べるだけでなく、誰が言ったか」を明確にすることはとても大切になります

なのでぜひ< blockquote >タグを使って読みやすいWebページを作ってみてください❤️

コメント