<br> - 改行

トップ > HTMLリファレンス > <br>

概要

項目説明
形式<br>
サポートH2 / e2 / Ch1 / Fx1 / Sa1 / Op1 / N2 / i1
カテゴリフローコンテンツ, フレージングコンテンツ
親要素フレージングコンテンツ を子要素に持てるもの
子要素無し(Empty)
タグの省略開始タグ:必須 / 終了タグ:無し

説明

br は BReak(改行)の略です。テキストをこの位置で改行します。HTML文書中の改行は無視されるか、1文字分のスペースとして扱われるため、文章を明示的に改行するためには <br> を用います。

各行がブロックとして独立している場合は、<br> の代わりに <div> でブロックを囲むことをお勧めします。HTMLソース中の改行をそのまま改行として表示したい場合には <pre> を用います。

属性

【固有属性】
属性意味
clear=clearH3-H4T/e2/Ch/Fx/Sa/Op/N2/i1。<img align="right"> などでテキストの回り込みを行っている際に、テキストの回り込みを解除します。この属性は HTML5 では廃止されました。代わりにスタイルシートの clear を使用してください。
  none:通常に改行。(既定値)
  left:行頭を最も左端に表示できる位置まで改行。
  right:行末を最も右端に表示できる位置まで改行。
  all:left と right の組み合わせ。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

HTML
ここで改行します。<br>改行しました。
表示
ここで改行します。
改行しました。

<br>は行頭に書くべきか行末に書くべきか

<br> を行頭に記述していると、その直前の行の末尾がブラウザの右端に配置される時に、1行余分に改行されてしまうことがあります。<br> タグは行末に記述した方が無難そうです。

【良くない例】
<br>むかしむかし
<br>あるところに
<br>おじいさんと

【良い例】
むかしむかし<br>
あるところに<br>
おじいさんと<br>

関連項目

<nobr><wbr><pre><div>

Copyright (C) 1996-2015 杜甫々
初版:1996年9月10日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/br.htm