html - 为什么 而不是 ？

Question

我刚刚意识到:

<div class="clear"/>

在一系列 float div 导致布局破坏之后，同时

<div class="clear"></div> 

工作正常。

谁能解释一下？

这是 CSS:

div.clear {
    clear:both;
}

Answer 1

<div class="clear"/>

如果您将 XHTML 页面作为 text/html 提供，浏览器不会使用真正的 XML 解析器读取它。他们使用的是一个普通的旧 HTML 解析器，它不知道自关闭标签。对于 HTML4 解析器，这只是一个带有一些奇怪标点符号的开放标记。 (如果浏览器解析器真的使用了SGML的规则，那就完全是另外一些不可取的东西了，但是他们没有。)

在 IE9 普及之前，我们无法将通用网页作为 application/xhtml+xml 提供服务，这是让浏览器使用真正的 XML 解析规则所必需的。在那之前，如果您编写 XHTML 文档，则需要使您的文档也向后兼容纯 HTML，这意味着始终并且仅在元素上使用自闭合语法声明为具有 EMPTY 内容模型。 (img、br 等)

关于编写与 HTML 兼容的 XHTML 必须执行的操作还有更多规则，但这是最重要的规则。 XHTML 1.0 标准的 Appendix C 是差异列表；它看起来有点复杂，但是很多要点都涉及您无论如何都不想使用的功能，有些现在已经无关紧要，因为他们正在谈论像 Netscape 4 这样的古老浏览器。在 /> 之前放置一个空格的做法是例如，任何常用的东西都不再需要。