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

Question

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

我问,因为我的开发团队给我的第一个建议是:不要使用<BR/>; 相反,使用样式.但为什么？使用<BR/>标签时会出现负面结果吗？

Answer 1

不使用的主要原因<br>是它不是语义.如果您想在不同的可视块中使用两个项目,则可能需要它们位于不同的逻辑块中.

在大多数情况下,这意味着仅使用不同的元素,<p>Stuff</p><p>Other stuff</p>然后使用CSS将块正确地隔开.

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

Answer 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>

Answer 3

通常,<br/>表示语义HTML较差.最常见的情况是使用<br/>声明段落分隔,有更好的方法在语义上进行.见床和BReakfast.

在某些情况下,它是使用的正确标签,但它经常被滥用,人们采用"不使用"的心态来强制更好的语义思维.

Answer 4

你的团队意味着可能不会使用<br>来分割段落.

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

是更好的方法,因为你可以通过CSS轻松调整段落之间的空格.除此之外,我无法想到任何事情再说一次.

Answer 5

同样的概念适用于我们不使用表格进行布局的原因 - 使用表格表格和CSS表示布局.

<br/>如果要影响布局,请在文本块和CSS中使用折断线.

Answer 6

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