<br> …… 改行を表す

<br>タグは、改行を表す際に使用します。

br要素は、詩や住所など、実際にコンテンツの一部である改行にのみ使用します。 見栄えやレイアウトを目的にして、br要素による空白行を使用してはなりません。

改行のレンダリング

br要素で指定する改行は、通常は後続のテキストを物理的に移動させて新しい行にする“改行”としてレンダリングされます。 ただし、ブラウザの種類やスタイルシートの指定によっては、 ドットで区切ったり間隔を広くあけるなどの別の方法で改行を表現するかもしれません。

■使用例

以下のサンプルは、br要素の正しい使用例です。

<p>
皇居<br>
千代田1番1号<br>
千代田区<br>
東京都<br>
日本
</p>

■不適切な使用例

以下のサンプルは、br要素を不適切に使用した例です。 見栄えを調整するためにbr要素を使用してしまっています。

<p><a ...>34 コメント</a><br>
<a ...>コメントを追加</a></p>

<p><label>氏名: <input name="name"></label><br>
<label>住所: <input name="address"></label></p>

■訂正したマークアップ例

以下のサンプルは、上記サンプルを訂正したマークアップ例です。

<p><a ...>34 コメント</a></p>
<p><a ...>コメントを追加</a></p>

<p><label>氏名: <input name="name"></label></p>
<p><label>住所: <input name="address"></label></p>

Sponsors