br要素

br要素は、改行を表す要素。

カテゴリー フロー・コンテンツ、フレージング・コンテンツ。
コンテキスト フレージング・コンテンツを内包できる要素内で使用できる。
コンテンツ・モデル 空。
属性 グローバル属性。
ブラウザ対応

構文

<br>

要点

  • br要素は、改行を表す要素である。
  • 詩や住所など、改行がコンテンツの一部である場合に使う。
  • テーマの区切りに使ってはならない。
  • 段落にbr要素を１つだけ配置すると、プレースホルダ空白行を表す。
  • 空白行を表示目的に使ってはならない。マージンや余白などの空白には、スタイルシートを使う。

サンプルコード

住所

<p>サンプル県サンプル市３丁目<br>サンプルビル301</p>

詩

<p>ふわり<br>
ふわり<br>
ふわり<br>
ふうせんがとぶ<br>
ゆらり<br>
ゆらり<br>
ゆらり<br>
ちょうがとぶ</p>

テーマの区切りには使わない

間違い例
<p><label>名前： <input name="name"></label><br>
<label>メールアドレス: <input name="mail"></label></p>
正しい例

上記の間違い例のコードを正しく書くのであれば、下のようになる。

<p><label>名前： <input name="name"></label></p>
<p><label>メールアドレス: <input name="mail"></label></p>

プレースホルダ

<p><br></p>

サンプル

住所

HTMLソースコード
<p>サンプル県サンプル市３丁目<br>サンプルビル301</p>
実際の表示

サンプル県サンプル市３丁目
サンプルビル301

プレースホルダ

HTMLソースコード
<dl>
	<dt><dfn>定義用語Ａ</dfn></dt>
		<dd>定義用語Ａの定義</dd>
	<dt><dfn>定義用語Ｂ</dfn></dt>
		<dd><br></dd>
	<dt><dfn>定義用語Ｃ</dfn></dt>
		<dd>定義用語Ｃの定義</dd>
</dl>
実際の表示
定義用語Ａ
定義用語Ａの定義
定義用語Ｂ

定義用語Ｃ
定義用語Ｃの定義