| title | slug | l10n | ||
|---|---|---|---|---|
<br>: 改行要素 |
Web/HTML/Element/br |
|
{{HTMLSidebar}}
<br> は HTML の要素で、文中に改行（キャリッジリターン）を生成します。詩や住所など、行の分割が重要な場合に有用です。
{{EmbedInteractiveExample("pages/tabbed/br.html", "tabbed-standard")}}
上記の例に見られるように、 <br> 要素はテキストを改行したい場所にそれぞれ含められます。 <br> の後のテキストは、テキストブロックの次の行の先頭から再開されます。
Note
段落の間を開けるために <br> を使わないでください。それぞれを {{htmlelement("p")}} 要素で囲み、 CSS の {{cssxref('margin')}} プロパティで間隔を制御してください。
この要素はグローバル属性を持ちます。
clear- : 改行後の次の行を開始する場所を示します。
<br> 要素は、テキストのブロック内で改行するという、単一の明確な目的を持っています。そのため、寸法を持たず、自身が表示されることもなく、スタイル付けすることができるのはわずかです。
<br> 要素自体に {{cssxref("margin")}} を設定して、ブロック内のテキストの行間を開けることができますが、これは良いやり方ではありません。 — この用途のために設計された {{cssxref("line-height")}} プロパティを使用してください。
以下の例では <br> を使用して、住所のそれぞれの行の間に改行を生成しています。
Mozilla<br />
331 E. Evelyn Avenue<br />
Mountain View, CA<br />
94041<br />
USA<br />以下のように出力されます。
{{ EmbedLiveSample('Simple_br', 640, 120) }}
段落間の間隔を広げるために連続した <br> 要素を使用することは、読み上げ技術の支援の下で操作をしている人にとっては問題になります。読み上げソフトは要素が存在することをアナウンスするものの、その中にはコンテンツが何もないという状況になる可能性があります。これは読み上げソフトを使用している人の利用を混乱させ不満をためる可能性があります。
追加の間隔をあける必要がある場合は、 {{cssxref("margin")}} のような CSS プロパティを使用して効果を得るようにしてください。
| コンテンツカテゴリー | フローコンテンツ、記述コンテンツ |
|---|---|
| 許可されている内容 | なし。これは{{Glossary("void element", "空要素")}}です。 |
| タグの省略 |
開始タグは必須で、終了タグを記述してはなりません。 XHTML
文書では、この要素は <br /> と書きます。
|
| 許可されている親要素 | 記述コンテンツを受け入れるすべての要素 |
| 暗黙の ARIA ロール | 対応するロールなし |
| 許可されている ARIA ロール |
none, presentation
|
| DOM インターフェイス | {{domxref("HTMLBRElement")}} |
{{Specifications}}
{{Compat}}
- {{HTMLElement("address")}} 要素
- {{HTMLElement("p")}} 要素
- {{HTMLElement("wbr")}} 要素