HyperText Markup Language br element.
br要素は、改行を表現するために使用されます。この要素は、単一のタグで表されるため、終了タグを持ちません。
br要素は、次のように使用されます。
<p>これは<br>改行された文章です。</p>
これは
改行された文章です。
このコードでは、p要素内にテキストがあり、その中で br要素が使用されています。これにより、テキストが改行され、次の行に移動します。
しかし、br要素は、１つの情報の塊として改行がふさわしいところに使います。段落を区切るように見せるために br要素を使ってはいけません。その場合は、それぞれの段落に p要素を使うべきです。
br要素は、単一の改行を表現するために使用されるほか、コンテンツ内で複数の改行を表現するためにも使用できます。また、HTML5では、br要素に対して CSSを使用して、より繊細な改行の挙動を指定することもできます。例えば、以下のようにして、改行時の余白の大きさを指定できます。
HTML source
<p>これは<br class="large">大きな余白を持つ改行です。</p>
CSS source
.large {
display: block;
content: "";
margin: 1em;
}
これは
大きな余白を持つ改行です。
※ほとんどのブラウザ（Chrome、Edge、Firefox、Opera）では上記の方法で大きな余白を表現できましたが、Safariだけは表現できませんでしたので注意が必要なようです。（2023年2月25日現在）