这对于div来说是否合法有效?

时间:2009-11-17 12:27:33

标签: xhtml

<div class='clear'></div>

/*which comes out to be below one in FF (seen via firebug) */

<div class='clear'/>

/*is this the last empty div declaration is semantically valid ? */

7 个答案:

答案 0 :(得分:3)

在XHTML中,构造is valid(与原始源完全相同)但not HTML compatible

在查看浏览器看到的DOM表示时,HTML兼容性无关紧要。写标记时确实很重要。

另外,纯粹为了样式目的添加空元素是丑陋的,如果可能应该避免。有关包含浮动的一些替代方法,请参阅http://www.ejeliot.com/blog/59

答案 1 :(得分:2)

如果您问这两个标签是否相同且有效:是,是的,是的。

出于实际考虑,请参阅this question

答案 2 :(得分:1)

是的,为什么不呢?

答案 3 :(得分:1)

根据HTML 4.01 DTD <div />有效。

答案 4 :(得分:0)

DIV是块级容器。第二个例子不能包含任何东西......所以我的赌注是否定的(对于HTML4 doctype)

如果您想使用虚拟元素进行清算 - 您是否考虑过<br />

修改

与使用块级容器相比,有更有效的清除方法。将明确的类应用于<br />就是一个例子 - 但父元素上的'overflow:hidden'通常更加优雅。

答案 5 :(得分:0)

这是否有效取决于您正在撰写的文档的DOCTYPE。我建议你在这里尝试一个明确的答案:

http://validator.w3.org/

答案 6 :(得分:0)

<div class='clear'></div>

<div class='clear'/>
两者都是一样的。虽然我比后者更喜欢前者。