样式方式或填充/边距元素

Question

目前使用HTML5和CSS3，是否可以使用<br>标签，并且可以使用边距/填充？

编辑：这是关于我的用例div元素之间的间距，但也欢迎一般最佳实践建议。

Answer 1

实际上有很多关于其使用的明确规则，可以追溯到HTML 2.0首次推出时的日子：

  

<BR>元素指定单词之间的换行符（参见6，“字符，单词和段落”）。例如：

<P> Pease porridge hot<BR>
Pease porridge cold<BR>
Pease porridge in the pot<BR>
Nine days old.

<br>元素本身从不打算用于控制边距/填充。尽管他们为HTML 3.2引入了一个表示clear属性来处理浮动图像等事物，但很快就在HTML 4和XHTML 1中不赞成使用CSS。那是差不多15年前的事了，所以这真的不是什么新鲜事。

在HTML5中，他们更清楚地表明<br>不适合演示或布局，并附带示例（和the clear attribute is obsolete）：

  

br元素必须仅用于实际上是内容部分的换行符，例如诗歌或地址。

     

    

以下示例正确使用br元素：

<p>P. Sherman<br>
42 Wallaby Way<br>
Sydney</p>

  

     

br元素不得用于分隔段落中的专题组。

     

    

以下示例不合规，因为它们滥用了br元素：

<p><a ...>34 comments.</a><br>
<a ...>Add a comment.</a></p>
<p><label>Name: <input name="name"></label><br>
<label>Address: <input name="address"></label></p>

         

以上是上述的替代方案，这是正确的：

<p><a ...>34 comments.</a></p>
<p><a ...>Add a comment.</a></p>

<p><label>Name: <input name="name"></label></p>
<p><label>Address: <input name="address"></label></p>

  

因此，使用<br>代替CSS边距进行布局一直是不受欢迎的，至少是编写规范的人。

Answer 2

取决于您是否喜欢使用行高或边距/填充。