brについてhtmlプロパティ解説

概要

<br> は、改行を挿入するためのHTMLタグです。
段落(<p>)やブロック要素ではなく、インライン要素内で1行だけ改行したい場合に使用されます。

基本的な使い方

See the Pen imgタグについて by 西野, WEBデザイン (西野 誠) (@-WEB-the-vuer) on CodePen.

文章の途中で改行したい場合は、<br>タグを使います。<br>
このように改行されます。

上記のように、<br> はテキストの中で手動で改行したいときに使用します。
段落分けが不要なときや、詩・住所・挨拶文などでよく使われます。

出力される内容の例

文章の途中で改行したい場合は、
このように改行されます。

役割とメリット(定義リスト形式)

簡易改行
パラグラフ(<p>)を使わずに、1行だけ改行したいときに便利です。
文章の整形
詩や歌詞、住所、署名などで意図的な改行が必要な場面に適しています。
軽量なタグ
終了タグを持たない単一のタグであり、記述がシンプルです。

注意点

  • <br> はインライン要素のため、段落全体を分ける用途には適しません(<p> を使いましょう)。
  • 過剰な使用は可読性や保守性を損なう原因になります。
  • XHTMLでは <br /> のようにスラッシュ付きで記述されることがありますが、HTML5では <br> で問題ありません。

まとめ

<br> は、文中での改行を目的とするシンプルなタグです。
文章の流れを崩さずに改行を挿入したい場面で便利ですが、多用は避け、<p><div>との使い分けを意識することが大切です。