【HTML】brタグを多用してはいけない


プログラミング勉強日記

2021年3月7日

brタグを多用してはいけない理由

  • デバイスによってレイアウトがずれてしまうため

 必要なところで<br>を使うのはいいが、レイアウトを整えるために使うのは良くない。デバイスによって画面幅が異なり返って見にくくなる可能性がある。

対処法

 膨大なページですでに<br>を多用している場合は、CSSで改行を無効にすることができる。

CSS
br {
 display : none ;
}

 段落を作ることで、改行の記述を減らすこともできる。

HTML
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>sample</title>
</head>

<body>
  <p>段落1</p>
  <p>段落2</p>
</body>
</html>

実行結果

【HTML入門】pタグと改行の関係をレイアウトの違いに注目して完全に理解

参考文献

[HTML] BRタグは使うな! 私が「改行」を一切使わなくなった1つの理由