何时使用<br/>换行与CSS定位?

时间:2010-10-14 20:57:41

标签: html css w3c semantics semantic-markup

我经常想知道正确使用<br>换行符。似乎通常它们被错误地用于定位或清除应该使用CSS的内容。

W3schoools.org说使用<br>表示空白行,但不是creating or separating段。查看W3C HTML5 spec draft,当内容需要换行符时会使用<br>更清楚一点,例如地址行或诗歌中的空行,作者打算使用。

但我仍然有兴趣进一步澄清或输入任何其他人。我经常发现自己选择不使用<br>标签,而只是使用所需的清除,边距,填充等样式元素来创建所需的空间。

并不是说它非常重要,但是这里有一个让我想到这个例子的例子,一个流行的(“权威的”)网站使用<br>,我不确定它是非常语义的。在这里,我只是通过CSS从它的兄弟姐妹中清除<a>

<p>Lorem ipsum dolor sit amet, consectetur tempor laborum.</p>
<br>
<a href="#readmore">more &gt;&gt;</a>

6 个答案:

答案 0 :(得分:52)

对我来说,只应在段落内使用换行符来表示新行。在段落之间添加换行符是在当天使用的,当时HTML看起来像Chop Suey,HTML文档的语义看起来像是学龄前使用的Dreamweaver的人。

我个人依赖边距和填充内容分离,如果我必须使用<br />,这意味着我做错了。我认为地址的行是正确使用的完美示例,我会坚持那些场景。

答案 1 :(得分:9)

当换行符在无样式文档中具有语义含义时。

正如有人所说,诗歌就是一个很好的例子 - 传统上,诗歌是用线条之间的划线来写的。和地址一样。用一个段落元素来标记一首诗或一个地址是没有意义的,因为它们与整个地址或诗的一节更好地匹配。

答案 2 :(得分:2)

我同意规范,br应该用于在段落中创建新的文本行。从语义上讲,它是有意义的 - 段落是带有一些顶部或底部边距的文本块,而br指定没有边距,只是换行符是相同的行高/行间距。

答案 3 :(得分:1)

当客户可以编辑东西时我使用换行符 - 如果他们只使用返回键而不是混淆为什么空格出现在页面上的某些元素周围会更容易。这几乎总是在文本区域内,没有理由使用<br />

来定位任何其他内容

答案 4 :(得分:0)

break标记(单独使用时应为<br />

必须用来打破一条线而不是用于定位,特别是因为你只打破了一行。

使用返回键时应该具有相同的概念。

希望它有所帮助。

答案 5 :(得分:-1)

我的意见:

  当内容需要时,将使用

<br>   换行符,例如地址行   或诗歌中的空白行,在哪里   作者打算。

(话虽如此,偶尔我也会用它们来分隔段落)</ br>