<BR />を使用するのは時々悪いですか？

<BR/>タグを使用するのは時々悪いですか？

私の開発チームが私に与えた最初のアドバイスのいくつかはこれだったので私は尋ねます：使用しないでください<BR/>。代わりに、スタイルを使用してください。しかし、なぜ？<BR/>タグを使用するときにマイナスの結果はありますか？

使用しない主な理由<br>は、セマンティックではないことです。異なるビジュアルブロックに2つのアイテムが必要な場合は、おそらくそれらを異なる論理ブロックに配置する必要があります。

ほとんどの場合、これは、たとえば<p>Stuff</p><p>Other stuff</p>、異なる要素を使用し、CSSを使用してブロックを適切に配置することを意味します。

が<br>意味的に有効な場合、つまり、改行が送信するデータの一部である場合があります。これは実際には、詩とメールアドレスの2つの使用例に限定されています。

あなたの開発チームは<br />マージン間隔の代わりに参照していると思います。要素間にスペースを空けるには、CSSを介してパディング/マージンのスタイリングを使用します。

の不適切な使用<br />：

<div>
   Content
</div>
<br />
<br />
<br />
<br />
<div>
     More content...
</div>

の有効利用<br />：

<style>
     div {
          margin-top:10px;
     }
</style>

<div>
   Content<br />
   Line break
</div>

<div>
     More content...
</div>

一般に、<br/>セマンティックHTMLが不十分であることを示しています。最も一般的なケースは<br/>、段落区切りを宣言するためにを使用することです。これには、意味的に行うためのより良い方法があります。Bed and BReakfastを参照してください。

それが適切なタグである場合がありますが、意味論的思考を強制するために人々が「使用しない」という考え方を採用するほど頻繁に悪用されます。

あなたのチームが意味していたことは、おそらく<br>を使用して段落を分割しないことでした。

<p>I am a paragraph</p>
<p>I am a second paragraph</p>

CSSを使用して段落間のスペースを簡単に調整できるので、これを行うにはより良い方法です。それ以外には改行を改めて言うことは思いつきません。

レイアウトにテーブルを使用しない理由にも同じ概念が適用されます。テーブルにはテーブルを使用し、レイアウトにはCSSを使用します。

<br/>レイアウトに影響を与えたい場合は、テキストブロックとCSSの改行に使用します。

レイアウトを直接指定すると、さまざまなページサイズやフォントなどにサイトを適合させることが難しくなります。

私は通常、常にCSSを使用して要素に適切なマージンとパディングを設定します- <br />意味的に正確であるという点を除けば、場所全体にsをロードするよりもずっと面倒です。

<br />厳密に言えば技術的に正しくなくても、CSSによって設定されたマージンとパディングを優先して使用するのは、わずかに多くのスペースが必要な孤立したインシデントであった場合でしょう。非常に大きなスタイルシートがあり、その1つの出来事のためだけに追加のスタイルを設定する価値がないと思われる場合は<br />、1回限りのスタイルシートを使用できます。

ほとんどのものと同様に、<br />sは正しく使用されていれば問題ありません。

CSSを無効にして簡単に読み取れるようにマークアップを記述しようとしています。BRを使用してスペースを追加するだけの場合は、マージンとパディングを使用することをお勧めします。

<br />改行にのみ使用し、ページにスタイルを適用しないでください。たとえば、段落間にスペースを追加する必要がある場合は、クラスを指定して、段落に追加のパディングを適用します。段落を広げないでください<br /><br ><br />

改行を表すために使用されます。これ以上何もない。平均的なジオシティサイトのようにスペースを埋めないでください。ただし、フロートをクリアするという、改行を入れる以外の目的で役立つ場合は1つしかありません。

<br style="clear: both;">

使用しないでください3以上の連続<br>使用すると、文体の目的のためにそれらを使用している信号だと、いや、あなたはいけないこと、秒。

<br>2つではなく1つで十分だと言う人もいますが<p></p>、通常は段落のように、トピックの変更や新しいピリオドの開始を暗示することなく、長いポーズを導入したい状況（例：スクリーンプレイ）があります。

適切に使用すれば問題ありません。たとえば、<p>タグの代わりに使用したり、要素間にスペースを作成したりしないでください。2つ続けて使用している場合は、おそらく何か問題があります。

これを行う場合： <BR/> <BR/>

異なるブラウザーで異なるレイアウトを取得します。

より深く：改行だけに
使用する場合<BR/>-わかりました。ラインスペーサーとして
使用する場合<BR/>-大丈夫ではありません。

以下は、<br>スタイリングに悪影響を与える例です（ビジュアルの実行スニペット）

（ボタンの位置がずれており、右側に奇妙なスペースがあることに注意してください）：

button {
  width: 70px;
  height: 70px;
}
#arrows {
  border: solid thin red;
  display: inline-block;
}
#arrows span:first-of-type { 
  text-align: center; 
  display: block;
}
#moveUp {
  margin: 0;
}
/* In the current case instead of <br> use display */
/*
#arrows span:last-of-type { 
  display: block;
}
*/

<div id="arrows">
  <span>
    <button id="moveUp" value="üles">&uarr;</button> 
  </span>
  <button id="moveLeft" value="vasakule">&larr;</button> 
  <button id="moveDown" value="alla">&darr;</button> 
  <button id="moveRight" value="paremale">&rarr;</button> 
  <br>    <!-- note the shifted button and odd space on right -->
  <span>or move with keyboard arrows</span>
</div>

HTML（HTML 4まで）での使用<br>
：HTML 5での 使用：<br>が推奨されますが<br/>、<br />許容されます
XHTMLで： <br />が推奨されます。<br/>またはを使用することもできます<br></br>

したがって、<br>タグの使用は完全に有効なHTMLです。しかし、の使用<br>は推奨されませんか？

使用しない主な理由は、<br>セマンティックタグではなく、内部にコンテンツがないためです。その使用は次のように回避できます：

<p>some<br>text<p>

<br>as なしでマークアップできます

 <p>some</p>
 <p>text<p>

<br>CSS marginプロパティを介して達成できるトップスペースなどの他の目的を使用している場合。