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>との使い分けを意識することが大切です。
