将类应用于br标签？

Question

以下是否有效的HTML？

<br class="something"> 

作为一个HTML元素我不明白为什么它不会，但我认为我从未见过它。

Answer 1

是

请参阅the specification。

class属性适用于“HTML元素”（包括br元素）。

Answer 2

我可以考虑的一个应用是将其与伪元素一起使用，例如:before或:after，例如在水平线下面添加一些文字：

hr.something:after  { content: "Some text"  }

Answer 3

是的，有效。

br接受global和event属性，其中包含class。

请注意，如果您定位HTML4及以下，则br的特定属性名为clear，其中定义了新行as stated here的放置位置，但现在已弃用，除非你的DOCTYPE允许你，你不应再使用它了。

Answer 4

是的，这是有效的声明。你可以用类似的东西。

<br style="height: 100px; margin-top: 10000px;">

但建议使用div元素。

Answer 5

它在HTML 4.01中有效，因为br element允许class属性。它在HTML序列化的HTML5中也有效，因为所有元素都允许class属性。如果没有匹配的</br>，则无效的XHTML。

Answer 6

是的，你可以从w3c规范：http://dev.w3.org/html5/markup/br.html

<br>元素可以使用全局属性，class就是其中之一。

Answer 7

是的，您可以向class元素添加<br>属性。 id如果你想要的话。{/ p>

Answer 8

当然，这是有效的。一个有用的例子是，如果你想在换行后在视觉上添加一点空格，而不是结束段落。或者也许应用背景图像。各种造型选择。

Answer 9

br标记不会生成CSS框，因此几乎无法使用它。

只有实际案例是clear。我相信drupal在某个时候使用过它。有趣的是CSS 1规范。没有做任何事情。 http://www.w3.org/TR/REC-CSS1/#br-elements。毫无疑问，对它应用一些css不会使代码无效，但会产生很小的影响。

这个https://stackoverflow.com/a/899359/1043824是关于这个主题的很好的讨论。

Answer 10

当您想要在响应式布局和某些断点时省略标题中的linebreak.e.g时，它会派上用场。