HTML辞書ホームへ
HTML要素 辞書 by Sentaro
<br>
改行（Line Break）要素。テキスト内での強制的な改行を挿入します。
info
概要
<br> 要素は、詩歌や住所など、テキストの流れの中で改行を入れることが意味を持つ場合に、テキストを強制的に改行させます。
これは**空要素**であり、閉じタグ（</br>）は不要です。
play_circle
デモ (静的表示)
HTML (Source)
<p>
郵便番号: 100-0001<br>
住所: 東京都千代田区千代田1-1<br>
建物名: 皇居
</p>
<br>
<p>
短い詩<br>
二行目のテキスト<br>
三行目
</p>
Preview (Result)
郵便番号: 100-0001
住所: 東京都千代田区千代田1-1
建物名: 皇居
短い詩
二行目のテキスト
三行目
list
属性 (Attributes)
| 属性名 | 説明 |
|---|---|
| なし | <br>要素は、グローバル属性以外の固有の属性を持ちません。 |
| Global Attributes | すべてのHTML要素で利用可能な属性（例: class, id, style）は利用可能です。 |
code
実用例
1. 住所の記述
<address>
<strong>株式会社XXX</strong><br>
〒123-4567<br>
東京都港区六本木X-X-X
</address>
2. 詩や歌詞の記述
<p>
空は青く<br>
風は優しく<br>
季節は巡る
</p>
3. 誤った使用例（非推奨）
<!-- 非推奨: 段落間のスペースを作るために連続使用 -->
<p>最初の段落です。</p>
<br>
<br>
<p>次の段落です。</p>
<!-- 推奨: <p>要素のmarginやCSSで調整してください -->
lightbulb
知っておくべき重要事項
warning
セマンティクス（意味）に関する注意
<br>は、テキストの構造や段落（<p>）を分けずに、**単に視覚的な改行が必要な場合**にのみ使用してください。段落間の空白を作るなど、レイアウト目的で連続して使用することは非推奨です。これはCSSの役割です。
accessibility_new
アクセシビリティ
不適切な使用（レイアウト目的の連続使用）は、スクリーンリーダーのユーザーにとって不要な空白行として読み上げられ、**混乱を招く**可能性があります。使用する場合は、それがコンテンツの一部として論理的な改行であることを確認してください。
不適切な使用（レイアウト目的の連続使用）は、スクリーンリーダーのユーザーにとって不要な空白行として読み上げられ、**混乱を招く**可能性があります。使用する場合は、それがコンテンツの一部として論理的な改行であることを確認してください。