br 要素

4.5.29 br 要素

カテゴリー:
フロー・コンテント
フレージング・コンテント
この要素を使うことができるコンテキスト:
フレージング・コンテントが期待される場所
コンテントモデル:
コンテント属性:
グローバル属性
text/html におけるタグの省略:
終了タグはありません
指定可能な ARIA role 属性 の値:
あらゆるロールの値
指定可能な ARIA ステートとプロパティ属性:
グローバル aria-* 属性
許可ロールに該当する aria-* 属性
DOM インタフェース:
interface HTMLBRElement : HTMLElement {};

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

通常、改行は物理的に後続のテキストを次の行に移動することでビジュアルメディアに表示されますが、スタイルシートやユーザーエージェントによって、例えば、改行の代わりに緑色のドットを表示したり、スペースを追加するなどして、本来とは違う方法でレンダリングするのは問題ないでしょう。

br 要素は、詩や住所のように、実際にコンテンツの一部をなすような改行に対してのみに使わなければいけません。

次は、br 要素の正しい利用例です:

<p>P. Sherman<br>
42 Wallaby Way<br>
Sydney</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>

もし段落がたったひとつの br 要素だけで構成されている場合、それはプレースホルダー空白行を表します(例えば、テンプレートの中で使う場合など)。そのような空白行は、表示目的に使ってはいけません。

br 要素の中にコンテンツがあった場合、それを前後のテキストの一部と見なしてはいけません。

この要素は、双方向アルゴリズムに関するレンダリング要件を持ちます


※ 原文:http://www.w3.org/TR/2014/REC-html5-20141028/text-level-semantics.html#the-br-element