<br>: BR 要素
最終更新:2026-10-13
<br>BR 要素
<br>(改行)要素はテキスト内に改行を挿入します。詩や住所などで使う空要素です。段落間の間隔には使わず、CSS の margin を使いましょう。
| カテゴリ | テキスト内容 |
|---|---|
| コンテンツモデル | なし(空要素) |
| 許可される親要素 | フレージングコンテンツを受け入れる要素 |
| 閉じタグ | 自己完結 — 閉じタグ不要 |
| ステータス | 標準 |
📝 構文
1行目<br>2行目
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認:
🌐 ブラウザサポート
| ブラウザ | |||||
|---|---|---|---|---|---|
| <br> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
警告: 大きな間隔を作るために <br> を重ねるのは避け、CSS の margin や padding を使いましょう。
❓ よくある質問
Qbr と p の違いは何ですか?
A
<br> はインラインの改行で、段落は変わりません。<p> は新しい段落を作り、前後の余白と段落の意味を持ちます。住所や詩など「同じ意味単位の中での強制改行」には <br> を、本文の段落分けには必ず <p> を使いましょう。Qbr を続けて何個も置いてもいいですか?
Aおすすめしません。
<br><br> で視覚的な余白を作るのは misuse(悪用)です。余白は組版の役割で、CSS の margin で制御すべきものです。連続した br は、スクリーンリーダーに内容を断片的に読ませてしまい、アクセシビリティを損ないます。Qbr は空要素ですか?正しい書き方は?
A空要素(void element)で、終了タグを持ちません。HTML では
<br> と書けばよく、XHTML 流の <br /> も正当ですが必要はありません。グローバル属性のみをサポートし、よく使うのは装飾的な改行に aria-hidden を組み合わせる方法です。