当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文 |
|
|||
省略html、head、body标签的页面 | |||
2011-10-10 13:04:53 文/佚名 出处:建站学 | |||
DIVE INTO HTML 5时,在HTML5 Peeks, Pokes and Pointers一页看到这样一句话: Optional start tags. html, head, body, tbody, colgroup. Amaze your friends! Skip the tags and still validate! 顿时来了兴趣。 其实这一点在WHATWG的HTML vs. XHTML页面中也有提到,其中最常接触的就是tbody标签的省略(其实多数是因为偷懒或者干脆是忘记了),部分浏览器(IE)会自动补上一个tbody元素,而其他浏览器则可以在没有tbody的情况下渲染table(此处确实是IE的错,因为标准里说table里允许直接写tr,这点和本文要说的 既然 于是就会产生一个问题,如果完全不写这三个元素,那么浏览器会根据什么样的原理,将所有的元素分别放置到自动生成的head和body元素之中。为此,编写了一个页面,通过一个简单的例子,试图找出浏览器自动创建head和body元素的规律。 页面可以通过这里查看测试页面,页面的html结构如下:
在各浏览器中测试结果如下: 各浏览器中的结果出奇地一致,就连老得掉渣的IE6也很顺应主流地将各个元素正确地分配到了head和body元素之中。 经过对各浏览器中的结果的观察,似乎不难得出这样的一个结论:浏览器始终创建一个head元素,并自上而下依次检查页面源码中的各标签,能够加入到head元素的标签都加入到head元素中,随后将剩余的元素分配到自动创建的body元素中。 而这种结果也是符合正常的思维逻辑的,可见浏览器确实可以为我们做到很多,让我们省心省力 那么进一步的,head元素中可以放置哪些元素呢?在标准中的head标签一章中明确指出,head元素的内容模型为元数据内容,包括了 因此,对于自动创建head和body元素这一回事,如果使用代码来表述,大概是以下的模式:
其实, 题外话:在群里说起这个问题的时候,我先表达的是没有 |
|||
最新热点 | 最新推荐 | 相关阅读 | ||
你真的了解html吗 说说网站流量不稳定的三个原因 对页面制作的一些建议 如何让自己的网站更优秀 什么是规范网页?为什么要指定规范网 交互设计实例:用导航表现网站的信息 设计网站的URL时应该注意的8个要点 网站无障碍访问方面的问题:onfocus= 让IE(包括IE6)支持HTML5元素的方法 网站title修改的形式和修改后被降权 |
关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 | |
Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号 |