我试图理解为什么浏览器显示<div> </ div>经文<div />有什么不同？
这是一个例子:片段#1的预期输出是三个盒子,并排:[黑色],[蓝色],[红色].片段#2仅显示[黑色]和[红色] - 为什么 [蓝色]框不在代码段#2中呈现？
<div style="float:left; width:50px; height:50px; background:black;"></div>
<div style="float:left; width:50px; height:50px; background:blue;"></div>
<div style="float:left; width:50px; height:50px; background:red;"></div>
<div style="float:left; width:50px; height:50px; background:black;"></div>
<div style="float:left; width:50px; height:50px; background:blue;" />
<div style="float:left; width:50px; height:50px; background:red;"></div>
编辑:我使用的是Chrome 12&html5:<!doctype html>
Jam*_*xon 30
主要是因为<div />HTML无效.
如果您查看不同的doctypes,您会注意到div不能自动关闭.
根据W3C:
div元素必须同时包含开始标记和结束标记.
资料来源:http://www.w3.org/TR/html-markup/div.html
要在此处包含Chucks注释,HTML中的尾部斜杠不会自动关闭标记.使用尾部斜杠的自闭标签是XHTML的一个特性,而不是HTML.
| 归档时间： |
|
| 查看次数： |
2382 次 |
| 最近记录： |