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

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>元件本身绝不是为了用于控制余量/填充.虽然他们clear为HTML 3.2 引入了一个表示属性来处理像浮动图像这样的东西,但很快就在HTML 4和XHTML 1中弃用了它而不支持CSS.这差不多是15年前,所以这真的不是什么新鲜事.

在HTML5,他们找到了更清楚的是<br>不能用于演示或布局,结合实例(以及该clear属性是过时的):

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边距代替一直是不受欢迎的,至少是编写规范的人.