<br>: BR 要素

最終更新:2026-10-13

<br>BR 要素

<br>(改行)要素はテキスト内に改行を挿入します。詩や住所などで使う空要素です。段落間の間隔には使わず、CSS の margin を使いましょう。

カテゴリテキスト内容
コンテンツモデルなし(空要素)
許可される親要素フレージングコンテンツを受け入れる要素
閉じタグ自己完結 — 閉じタグ不要
ステータス標準

📝 構文

1行目<br>2行目

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認:

🌐 ブラウザサポート

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<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 を組み合わせる方法です。

📚 関連チュートリアル

Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%