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

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

我问,因为我的开发团队给我的一些build议是这样的:不要使用<BR/> ; 相反,使用样式。 但为什么? 使用<BR/>标签有负面结果吗?

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

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

有些情况下,语义上有效,即换行符是您发送的数据的一部分 。 这实际上仅限于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。 最常见的情况是使用声明段落分隔,有更好的方法来做它的语义。 见床和BReakfast 。

在某些情况下,应该使用适当的标签,但是经常被滥用,人们采取“不使用”的心态来强化更好的语义思维。

您的团队意味着什么可能不会使用<br> s来分割段落。

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

是更好的方法,因为您可以通过CSS轻松调整段落之间的空格。 除此之外,我想不出任何重复的换行符。

同样的概念适用于为什么我们不使用表格布局 – 使用表格和CSS布局的表格。

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

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

我通常会使用CSS来设置适当的边距和填充元素 – 除了在语义上更加正确之外,它比整个地方的加载要less得多。

或许我只会使用<br />而不是CSS设定的边距和填充,即使它在技术上不严格是正确的,如果它是一个孤立的事件,需要更多的空间。 如果我有一个相当大的样式表,似乎没有必要为这个样式设置一个额外的样式,我可以使用<br />作为一次性。

像大多数情况一样, <br /> s并不是一件坏事,只要正确使用即可。

<br />只能用于换行,而不能将样式应用于页面。 例如,如果段落之间需要额外的空间,给他们一个类,并将额外的填充应用于段落。 不要用<br /><br ><br />你的段落

它们将被用来表示换行符。 而已。 不要像平均地理位置那样填满空间。 然而,只有一种情况,他们可能会用于其他目的,而不是换一个换行符:清除浮游物。

 <br style="clear: both;"> 

不要使用三个或更多的连续的<br> ,这是一个信号,你使用他们的文体的目的,不,你不应该。

有人会说一个单一的是足够的,而不是两个,你应该使用<p></p> ,但有一些情况下(例如,剧本),你想引入更长的暂停,而不意味着改变主题或新的时期开始,就像一个段落通常那样。

我尝试用禁用CSS的方式轻松读取我的标记。 如果您只是使用BR来添加间距,最好使用边距和填充。

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

如果你这样做: <BR/> <BR/>

您将在不同的浏览器上获得不同的布局。

更深:
如果您只是为了换行而使用<BR/> – 确定。
如果您使用<BR/>作为行间隔 – 不行。

在HTML中(最多到HTML 4):使用<br>
在HTML 5中:首选是<br> ,而<br />也是可以接受的
在XHTML中: <br />是首选。 也可以使用<br/>或者<br></br>

所以使用<br>标签是完全有效的HTML。 但不build议使用<br>

不使用<br>主要原因是因为它不是语义标签,里面没有内容。 它的使用可以避免,

 <p>some<br>text<p> 

可以被标记为没有作为

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

如果您使用的是其他目的,如顶部空间等,可以通过CSS margin属性来实现。