html标签--<!DOCTYPE> (怪异模式和DTD)

DTD:Document Type Definition

为了保证向后兼容,浏览器厂商发明了标准模式和怪异模式这两种方法来解析网页。

如果不显示声明FF会按照标准模式来解析网页,而IE6-8就会触发怪异模式。

在标准模式中,浏览器根据规范表现页面;而怪异模式通常模拟老式浏览器(比如Microsoft IE4 和Netscape Navigator4)的行为以防止老站点无法工作.这两种模式的差异较大,比较典型的就是IE对盒模型的解析:在标准模式中,网页元素的宽度是由padding/border/width三者的宽度相加决定的;而在怪异模式中,widht本身就包括了padding和border的宽度.此外,标准模式下块级元素的经典的居中方法--设定width,然后margin-right:auto,margin-left:auto; 在怪异模式下也无法正常工作.

在网页中最常用的DTD类型包括4种:

(1)用于HTML4.01的严格型:strict

(2)用于HTML4.01的过渡型:Transitional

(3)用于XHTML1.0的严格型

(4)用于XHTML1.0的过渡型

模式设置:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

上面一行是dreamweaver自动生成的,黑体部分就是模式设置,下面是官方解释

在上面的声明中,声明了文档的根元素是 html,它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。(来自w3c)

总结:看了几个网站,新浪和亚马逊如上声明,百度和淘宝奇迹般的没有做任何声明。还有很多实用的东西更值得去研究,在网页顶部加上就好了,具体茴香豆的茴有几种写法我就不去深究了!

posted @ 2013-01-07 21:57  龙则  阅读(276)  评论(0编辑  收藏  举报