brタグ・とは？初心者のためのやさしい使い方ガイド共起語・同意語・対義語も併せて解説！

この記事を書いた人

高岡智則

年齢：33歳性別：男性職業：Webディレクター（兼ライティング・SNS運用担当）居住地：東京都杉並区・永福町の1LDKマンション出身地：神奈川県川崎市身長：176cm 体系：細身〜普通（最近ちょっとお腹が気になる）血液型：A型誕生日：1992年11月20日最終学歴：明治大学・情報コミュニケーション学部卒通勤：京王井の頭線で渋谷まで（通勤20分）家族構成：一人暮らし、実家には両親と2歳下の妹恋愛事情：独身。彼女は2年いない（本人は「忙しいだけ」と言い張る）

brタグ・とは？

brタグ は HTML の要素の一つで、改行を作るためのタグです。通常の文章の途中で新しい行に移るときに使います。brタグは空要素と呼ばれ、特別な表示内容を持たず、単に改行を挿入します。

要するに、brタグ は「次の行へ移動させる改行マーク」の役割を果たします。ブラウザは brタグを見つけると、現在の行の終わりに改行を挿入します。HTML5 では または のどちらでも有効です。これらは意味的には同じ動作をします。

brタグの基本的な使い方

基本的な使い方はとてもシンプルです。文章中で改行したい場所に または を挿入します。実際の表示は次の行へ移るだけなので、段落を分ける必要があるときは タグを使います。ポイント は、改行だけを挿入したい場面で使うことです。

例のようにコードをそのまま表示するときは、実際のコードをブラウザにそのまま解釈させないよう、 のように文字として表示します。これを読者に伝える際には、次のように書くと分かりやすいです。 は改行を作るタグ、 も同じ意味です。

実用的な使い方の例

改行がほしい場面には次のようなケースがあります。

・住所の改行を示す際 を使う
・詩の一節やキャプションの改行を表現する際 を使う

ただし、日常的なレイアウトや間隔調整のために を過剰に使うのは避けるべきです。読みやすさや保守性を損なうことがあります。

brタグのよくある誤解と正しい使い分け

誤解1： brタグを何個も連続して置けば余白が作れる。
正解：連続して brタグを使うと視覚的な間隔が不安定になり、レイアウトが崩れやすくなります。余白は CSS の margin や padding で作るのが基本です。

誤解2：段落の代わりに brタグを使ってしまう。
正解：段落としての意味を持つ内容は p タグで分けるべきです。brタグは段落内の改行を表す場合に限定して使いましょう。

アクセシビリティとSEOの観点

brタグはスクリーンリーダーでの読み上げにも影響します。必要な改行だけにとどめ、読み上げの流れを乱さないようにすることが大切です。過度な使用は避け、意味のある区切りには CSS や HTML の構造を活用するのが望ましいです。

代替手段とベストプラクティス

改行や間隔を作る別の方法として、以下の方法があります。

・段落を分けるには を使う
・行間を広げたいときは CSS の margin や line-height を使う

結論： は必要な改行のときだけ使い、レイアウトの制御は CSS や適切なタグの組み合わせで行うと良いでしょう。

使い方の比較表

<th>用途

タグの例	注意点
改行だけを挿入	<br> / <br />	段落を分けないときに使用
段落の開始	<p> 〜 </p>	意味のある区切りにはこのタグを使う
視覚的な空白	CSS で margin や padding を使用	HTML の改行だけに頼らない

まとめ

brタグは「改行を作るための最小のタグ」です。 か を使って自然な改行を実現できますが、レイアウト全体の調整には CSS の活用が基本です。中学生にもわかるように、必要な場所でだけ brタグを使い、意味のある区切りには適切なタグを使うことを心がけましょう。

brタグの同意語

BRタグ: HTMLの要素で、改行を挿入するための自己完結型タグ。開始タグと終了タグを必要とせず、
という表記で用いられます。
brタグ: BRタグと同じ意味です。小文字表記の呼称で、
を使って改行を挿入します。
ブレークタグ: BRタグの別表現。改行を挿入するHTMLタグで、
が代表的な表記です。
改行タグ: 改行を挿入することを目的とするHTMLタグの総称。代表例は
です。
改行用タグ: 改行を挿入するためのタグの呼び方。
が最も一般的です。
HTMLの改行タグ: HTMLで改行を作るためのタグ。
がよく用いられます。
HTML改行タグ: HTMLにおける改行を表すタグ。
が代表的な実装です。
ラインブレイクタグ: 英語表現 Line Break の和訳。改行を表すHTMLタグで、
を指すことが多いです。
ラインブレイク要素: ラインブレイクタグと同義の表現。HTMLの要素として改行を挿入します。
改行挿入タグ: 改行を挿入する目的のタグ。
が主な実装です。
改行要素: 改行を表す要素。ブラウザ上で新しい行を作る働きをします。

brタグの対義語・反対語

spanタグ（インライン要素）: brタグの対義語としてよく挙げられる。インライン要素であり、改行を自動的に挿入しない。テキストを1行内に連結して表示する用途で使われます。
non-breaking space（）: 文字間に改行を挟まないスペース。brタグが改行を挿入するのに対して、は改行を生みません。
white-space: nowrap: CSSの設定で、テキストの折り返しを禁止します。brタグの改行挿入とは反対の動作を生む表現です。
white-space: pre: 元のソースの改行・空白をそのまま表示します。brタグの自動改行とは別の、改行の扱いを制御する方法です。
preタグ: 改行と空白をそのまま表示するブロック要素。brと違って、テキストの改行をそのまま分割して表示します。
pタグ（段落要素）: テキストを段落として分けるブロック要素。brが行内改行を挿入するのに対し、段落境界は縦の余白で区切ります。
divタグ（ブロック要素）: ブロックレベルの区切りを作る要素。行内改行ではなく、新しいブロックとして表示する点が対照的です。
word-break: keep-all: 日本語など語の途中で改行されないようにするCSS設定。brタグの改行挿入と対照的な改行制御の一例です。
改行なし表示（連結テキスト）: brタグを使わず、テキストを1行に連結して表示する表現・デザイン方針。

brタグの共起語

改行: brタグはテキストに改行を挿入します。
ラインブレーク: ラインブレークは改行の別表現です。ブラウザ上で新しい行が始まります。
brタグ: HTMLの改行を挿入するインライン要素で、通常はセルフクローズ型として使われます。
br要素: brタグと同義の名称。テキストの途中で改行を挿入する要素です。
自己終了タグ: brは開始と終了を組み合わせず、単独で完結するセルフクローズタグです。
XHTML: XHTMLでは br を
の形で自閉タグとして記述します。
HTML: HyperText Markup Language の略。ウェブの基本的な記述言語です。
HTML要素: HTMLの基本構造を作る要素のひとつで、brはその一種です。
インライン要素: brは行内に配置されるインライン要素で、テキストと同じ流れで現れます。
セマンティックHTML: brには特定の意味がなく、意味づけが必要な場合は他のタグやCSSを使います。
セマンティックHTMLとbrの関係: brは意味的な区切りを提供しないため、セマンティクスを損なわない使い方が推奨されます。
ブロック要素: brはブロック要素ではなく、テキストの途中で改行を挿入するインライン要素です。
段落: 新しい段落を作るには p タグを使い、brは段落の区切りではありません。
段落区切り: brは段落を分ける機能ではなく、改行だけを挿入します。
テキスト折り返し: brを挿入すると次の行へテキストが移動し、改行が発生します。
改行挿入: brの基本的な機能は改行を挿入することです。
CSS: brにもCSSを適用して表示や間隔を調整できます（例: displayやマージン）。
line-height: brの前後の行間に影響を与える場合があります。
ブラウザ互換性: 主要なブラウザでほぼ同じ挙動をしますが、微細な差が生じることもあります。
アクセシビリティ: brの使い方はスクリーンリーダーの読み上げ順や操作性に影響することがあります。
スクリーンリーダー: 視覚的な改行を聴覚的に伝える際の取り扱いを左右します。
表示崩れ: 過剰な使用や誤用で表示が崩れることがあります。
代替表現: 改行の表現にはCSSでの余白調整など、他の方法を検討します。
使いどころ: 本文の意味を崩さず、必要最小限の改行に留めるのが望ましいです。
SEO: 過度なbrの使用は避け、SEO的にも本文の意味を優先します。
空白: brの挿入で縦方向の空白が生じて見えることがあります。
空白行: 連続してbrを使うと空白行のように見える場合があります。
住所表示: 住所を複数行表示する際にbrを使うことがあります。
自己完結タグ: brはタグが自分で完結するセルフクローズタグの代表例です。
セルフクローズタグ: brはセルフクローズタグとして用いられるタグのひとつです。
改行コードとの違い: brはHTML上の改行であり、テキストファイルの改行コードとは別物です。

brタグの関連用語

brタグ: HTMLの要素の一つで、行を折り返す位置を指示するインライン要素。表示上は空で、テキストの改行を強制的に挿入します。
改行: 文字列の中で新しい行を作ること。brを使って改行を表現する場合が多いですが、意味構造やアクセシビリティを考えるとpタグなどの適切な要素を使うべきです。
段落区切り: 文章の段落を分ける意味の区切り。通常はpタグで実現します。
pタグ: 段落を意味づける最も基本的なHTML要素。文書の意味の区切りとして使われ、brの代替として使われることも多いです。
divタグ: レイアウト用の汎用ブロック要素。意味はなく、スタイリングやスクリプトのための区分として使います。
空要素: 開始タグと終了タグを持ち、内容を含まない要素のこと。brは空要素の一例です。
インライン要素: 文章の流れの中に配置され、改行を作らずに連続して並ぶ要素群。brはこのカテゴリに含まれます。
ブロック要素: 新しい行から開始する要素。p、div、section などが該当します。
セマンティックHTML: 意味を表すタグを適切に使い、構造を明確にする考え方。brの乱用を避け、意味的なタグを優先します。
CSS white-spaceプロパティ: テキストの折り返しや空白の扱いを制御するCSSプロパティ。例えば white-space: pre; だと改行をそのまま表示します。brと組み合わせることがあります。
ゼロ幅スペース（ZWSP）: 見た目には何も表示されませんが、折り返しのポイントを作るための不可視文字です。brの代替というより、折り返しの細かな制御に使われます。
改行コード（LF/CRLF）: テキストファイル内での改行を表す文字。HTMLでは改行としては通常解釈されず、画面表示の改行と異なります。
スクリーンリーダー: 視覚に頼らない読み上げツール。brを乱用すると読み上げが不自然になることがあるため、意味のある改行を意識します。
アクセシビリティ: 誰もが読みやすく使いやすい設計の考え方。brの使用は読み上げやフォーカスに影響することがあるので、適切に使う必要があります。
SEOへの影響: br自体が直接的なSEO要因ではないが、過度な改行や読みやすさの低下はユーザー体験に影響し、間接的にSEOに影響する可能性があります。
代替手段: 段落はpタグ、改行にはCSSでの折り返し制御や適切な要素の使用を検討します。
使い方のベストプラクティス: 意味のある改行かどうかを検討。段落はpタグ、行内改行のみが求められるときにbrを使う。
実用例: 長い住所の改行、電話番号の区切り、本文の読みやすさを意図して改行を入れる場合など。
実務上の注意点: 過剰な改行は読みづらさを招く。セマンティックHTMLとアクセシビリティを意識して使う。