<br> - 改行

• トップ
• HTMLリファレンス
• <br>

• 概要
• 説明
• 属性
• 使用例
• 詳細
  • <br>は行頭に書くべきか行末に書くべきか
• 関連項目
• リンク

概要

形式

<br>

サポート

https://caniuse.com/mdn-html_elements_br

カテゴリ

フローコンテンツ
フレージングコンテンツ

親要素

フレージングコンテンツ を子要素に持てるもの

子要素

無し(Empty)

タグの省略

開始タグ:必須 / 終了タグ:無し

属性

グローバル属性

説明

br は BReak(改行)の略です。テキストをこの位置で改行します。HTML 文書中の改行は無視されるか、1文字分のスペースとして扱われるため、文章を明示的に改行するためには <br> を用います。

各行がブロックとして独立している場合は、<br> の代わりに <div> でブロックを囲むことをお勧めします。HTMLソース中の改行をそのまま改行として表示したい場合には <pre> を用います。

属性

グローバル属性

詳細は グローバル属性 を参照してください。

clear=clear

[非推奨] H3-H4T/e2/Ch/Fx/Sa/Op/N2/i1

<img align="right"> などでテキストの回り込みを行っている際に、テキストの回り込みを解除します。この属性は HTML5 では廃止されました。代わりにスタイルシートの clear を使用してください。

• none : 通常に改行。(既定値)
• left : 行頭を最も左端に表示できる位置まで改行。
• right : 行末を最も右端に表示できる位置まで改行。
• all : left と right の組み合わせ。

使用例

ここで改行します。<br>改行しました。

詳細

<br>は行頭に書くべきか行末に書くべきか

<br> を行頭に記述していると、その直前の行の末尾がブラウザの右端に配置される時に、1行余分に改行されてしまうことがあります。行末に記述した方が無難そうです。

【良くない例】
<br>むかしむかし
<br>あるところに
<br>おじいさんと

【良い例】
むかしむかし<br>
あるところに<br>
おじいさんと<br>

関連項目

• <nobr>
• <wbr>
• <pre>
• <div>

リンク

• https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-br-element
• https://developer.mozilla.org/ja/docs/Web/HTML/Element/br
• https://caniuse.com/mdn-html_elements_br

---