使用<BR />有时会不好吗？

有时使用<BR/>标签不好吗？

我问是因为我的开发团队给我的一些初步建议是：不要使用<BR/>；不要使用。而是使用样式。但为什么？使用<BR/>标签时是否会有负面结果？

不使用的主要原因<br>是它不是语义的。如果要将两个项目放在不同的可视块中，则可能希望将它们放在不同的逻辑块中。

在大多数情况下，这意味着只使用不同的元素（例如）<p>Stuff</p><p>Other stuff</p>，然后使用CSS正确地将块隔开。

在某些情况下，<br>从语义上讲是有效的，即，换行符是要发送的数据的一部分。这实际上仅限于2个用例-诗歌和邮寄地址。

我认为您的开发团队正在<br />指代边距间距。要在元素之间留出空白，请通过CSS使用padding / margin样式。

错误使用<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/>声明段落分隔符，这是语义上更好的方法。请参阅“ 床和早餐”。

在某些情况下，它是正确使用的标记，但经常被滥用，以至于人们采取“请勿使用”的心态来迫使人们进行更好的语义思维。

您的团队的意思可能是不使用<br>在段落之间进行拆分。

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

这样做是更好的方法，因为您可以通过CSS轻松调整段落之间的间距。除此之外，我想不出有什么话可以说断行。

相同的概念适用于为什么我们不使用表格进行布局-使用表格进行表格和CSS进行布局。

使用<br/>，如果你想影响布局文字和CSS的块断裂线。

直接指定布局将使站点难以适应例如不同的页面大小或字体。

通常，我将始终使用CSS在元素上设置适当的边距和填充- <br />除了语义上更正确之外，它比各处的s 杂乱得多。

也许我唯一会<br />优先使用CSS设置的边距和填充的方法是哪怕是严格的技术要求，即使这是一个孤立的事件，需要的空间也要更多一些。如果我有一个很大的样式表，并且似乎不值得仅为该事件设置一种额外的样式，则可以将a <br />一次性使用。

像大多数事情一样，<br />只要正确使用s也不是一件坏事。

我尝试以禁用CSS时易于阅读的方式编写标记。如果仅使用BR来增加间距，则最好使用边距和填充。

<br />应该仅用于换行符，而不能应用于页面样式。例如，如果您在段落之间需要额外的空间，请给他们一个类，然后将额外的填充应用于段落。不要用<br /><br ><br />

它们将用来表示换行符。而已。不像一般的地理位置那样填满空间。但是，只有一种情况，它们可能比换行符用于其他目的：清除浮点数。

<br style="clear: both;">

不要使用三个或多个连续的<br>s，这表示您正在将它们用于样式目的，不，您不应该这样做。

有人会说一个<br>就足够了，您应该使用而不是两个<p></p>，但是在某些情况下（例如，剧本），您想要引入更长的停顿，而又不暗示要改变话题或重新开始一个新的时期，就像一段通常所做的那样。

如果使用得当，它们很好。例如，您不应该使用它们代替<p>标签或在元素之间创建间距。如果您连续有两个，则可能做错了。

如果您这样做： <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>为

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

如果您正在使用<br>其他目的，例如顶部间距等，则可以通过CSS margin属性来实现。