HTMLでコーディングしているときに、改行を表すタグとして<br>
と <br />
のどちらを使えばよいか迷ったことはありませんか?
結論から言えば、<br>
は HTML、<br />
は XHTML の書き方 という違いがあります。
それぞれの特徴や使い分けについて整理してみましょう。
1. <br>
と <br />
の基本的な違い
-
<br>
-
HTMLの標準的な改行タグ
-
開始タグだけで完結する「空要素」として扱われる
-
-
<br />
-
XHTML(XMLベースのHTML)の書き方
-
XMLのルール上「空要素は終了スラッシュ
/
を付ける」ため、この形式が推奨された
-
2. XHTMLでの記述例
XHTMLでは以下のように書きます。
<br />
のスラッシュ前には スペースを入れる ことが推奨されていました。
3. HTML5における扱い
現在主流の HTML5 では、<br>
も <br />
もどちらも有効です。
ただし、HTML5はXML準拠を必須としていないため、よりシンプルな <br>
が一般的に使われています。
4. 実務での使い分け
-
HTML5での新規コーディング →
<br>
を使用すれば十分 -
XHTML文書やXML互換を意識したプロジェクト →
<br />
を使用
プロジェクトのコーディング規約に合わせることが最優先です。
まとめ
-
<br>
:HTMLで使うシンプルな改行タグ -
<br />
:XHTMLやXML互換を意識した書き方 -
HTML5ではどちらも有効だが、通常は
<br>
で問題なし
初心者は「基本は <br>
、XHTMLの場合は <br />
」と覚えておくと安心です。