为什么 >不是以 xHTML 形式呈现的？

Question

为什么

没有在 xHTML 中呈现？ 如果我这样做

 

只有这样它才会被渲染。我错过了什么吗？ 最小宽度有帮助吗？ 我使用严格的 xHTML 1.0

是否可以仅使用 CSS 来修复它，或者我必须更改 html 标记？

Answer 1

因为 DIV 在 XHTML 或 HTML 中都不是自闭合元素。

您必须将开始标记 (

) 与结束标记 (

) 配对。

关于问题的另一部分：两者

<div style="width:50%"> </div>

<div style="width:50%"></div>

之间的区别在于，第一个字符中有一个不间断的空格字符填充 DIV 。第二个什么也没有。这就是为什么您在第二个版本上看不到任何渲染的原因。

而且，XML 和 XHTML 不是一回事。后者借用了如果标签不属于匹配对的一部分则自动关闭标签的约定。

Answer 2

尽管在 XHTML 中通常应避免使用自闭合

（因为它不会在旧版 HTML 浏览器中按预期进行解析），但这实际上与 XHTML 没有任何关系：它是布局问题。

<div></div>

是一个不包含任何内容的块元素。因此它的高度为零；你看不到它。

<div> </div>

是一个包含一行文本的块元素。它的高度等于 line-height 属性。

如果你希望一个空的 div 有一定的高度，你必须这样说：

<div style="width: 50%; height: 2em; background: red;"></div>

这是一个古老的 IE5 错误，空的 div 仍然会以高度呈现，就好像它包含一行文本一样。当您使用标准模式文档类型（无论您使用的是 HTML 还是 XHTML、过渡型还是严格型）时，您将不会看到此行为。

Answer 3

XHTML 中允许的自关闭标签如下：

<area />
<base />
<basefont />
<br />
<hr />
<input />
<img />
<link />
<meta />

DIV 必须同时具有开始标签和结束标签。