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）

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

转载于:https://www.cnblogs.com/longze/archive/2013/01/07/2850212.html

html标签--!DOCTYPE （怪异模式和DTD）相关推荐

DOCTYPE与怪异模式
我想,<!DOCTYPE>应该是HTML初学者接触的第一个标签吧,让我们回忆一遍其定义:声明HTML版本. 我们知道,HTML经过不断更新,现在正是HTML5如火如荼的时代.在以往的HTM ...
浏览器怪异模式和标准模式之间的区别 DTD
从IE6开始,引入了Standards模式,标准模式中,浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度. 在IE6之前CSS还不够成熟,所以IE5等之前的浏览器对CSS的支持很差 ...
此页面处于怪异模式，排版布局可能会受到影响。若需要标准模式，请使用“!DOCTYPE html”。
一.报错二.原因一.报错此页面处于怪异模式,排版布局可能会受到影响.若需要标准模式,请使用"!DOCTYPE html".详细了解导致:页面打开是空的,什么内容也没有~ 二 ...
HTML的标准模式与怪异模式
HTML的标准模式与怪异模式 HTML 的结构在HTML4中 DOCTYPE有三种模式标准模式与怪异模式 HTML 的结构 <html><head><meta cha ...
html怪异模式是什么,浅谈CSS编程中的怪异模式
怪异模式盒模型今天学习了一下css3的box-sizing属性,顺便又温习了一下css的盒模型,最后觉得有必要对盒模型做一个全面整理. 先不考虑css3的情况,盒模型一共有两种模式,一种是标准模式, ...
聊聊浏览器的标准模式和怪异模式
前言对于DOCTYPE这个词,相信大家都不陌生,现在我们编写html文件的时候,头部第一句就是这个声明,但是相信很多人都不知道这个是干什么用的吧,看完这篇文章让自己更精进一步! 来源在很久很久以前 ...
html 怪异模式,CSS_浅谈CSS编程中的怪异模式，怪异模式盒模型今天学习了 - phpStudy...
浅谈CSS编程中的怪异模式怪异模式盒模型今天学习了一下css3的box-sizing属性,顺便又温习了一下css的盒模型,最后觉得有必要对盒模型做一个全面整理. 先不考虑css3的情况,盒模型一共 ...
同样的JS效果，有部分页面生效，有部分页面无效的原因(怪异模式)
目前在做的一个项目中,发现了一个奇怪的现象,同样的引入的JS效果,有部分页面生效,有部分页面无效,很无语. 目录一.项目背景: 二.现象描述: 三.解决方案: 四.原因: 一.项目背景: heade ...
浅谈浏览器标准模式与怪异模式、文档类型
在网页设计制作过程中,新人往往会遇到一个问题,就是浏览器的不兼容问题.这种状况在大学学习过程中会经常遇到,但一直也没有得到很好的解决,今天有机会仔细研究了一下,这是有关浏览器标准模式与怪异模式之间的问 ...

html标签--!DOCTYPE （怪异模式和DTD）

html标签--!DOCTYPE （怪异模式和DTD）相关推荐

最新文章

热门文章