<br>タグってなに?
<br>タグは、改行を意味するHTMLのタグです。文章の途中で改行したいときに使用します。
たとえばこんなふうに
See the Pen Untitled by 岸本璃空 (@xjnbynxt-the-encoder) on CodePen.
どんな時に使う?
<br>タグは、次のような短い文章内で意味のある改行を行いたいときに使います
・挨拶文などを1行ずつ丁寧に並べたいとき
・住所など、項目を分けて表示させたいとき
・歌詞や詩など、1行ずつ見せたいとき
書き方の注意点
①<br>は「終了タグ不要」
正:こんにちは<br>はじめまして
誤:こんにちは<br></br>はじめまして
②デザイン目的で多様しない
See the Pen Untitled by 岸本璃空 (@xjnbynxt-the-encoder) on CodePen.
このように、見た目上の余白を空けるために<br>を連続して使うのはNGです。
余白は CSSで調整するのが正しい方法です。
③段落の区切りには<p>を使う
<p>自己紹介します。</p>
<p>趣味は読書です。</p>
これは段落を分けたいときの書き方です。
一方、<br>は段落の中の改行に使うものです。使い分けましょう。
まとめ
| タグ名 | <br> |
| 意味 | 改行(break) |
| 閉じタグ | 不要(空要素) |
| 使用場面 | 短い文章内での改行(挨拶文、住所など) |
| 注意点 | 間違って連続使用しない、段落には<p>を使う |
<br>タグは、とてもシンプルですが、正しく使えば読みやすいページ作りに役立つ便利な存在です。
意味のある場面で上手に活用し、より伝わるデザインを目指していきましょう。

コメント