博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html标签--<!DOCTYPE> (怪异模式和DTD)
阅读量:5156 次
发布时间:2019-06-13

本文共 971 字,大约阅读时间需要 3 分钟。

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

你可能感兴趣的文章
淌淌淌
查看>>
win10每次开机都显示“你的硬件设置已更改,请重启电脑……”的解决办法
查看>>
C++有关 const & 内敛 & 友元&静态成员那些事
查看>>
函数积累
查看>>
Swift 入门之简单语法(六)
查看>>
〖Python〗-- IO多路复用
查看>>
栈(括号匹配)
查看>>
Java学习 · 初识 面向对象深入一
查看>>
源代码如何管理
查看>>
vue怎么将一个组件引入另一个组件?
查看>>
bzoj1040: [ZJOI2008]骑士
查看>>
LeetCode 74. Search a 2D Matrix(搜索二维矩阵)
查看>>
利用SignalR来同步更新Winfrom
查看>>
反射机制
查看>>
CocoaPod
查看>>
BZOJ 1251: 序列终结者 [splay]
查看>>
5G边缘网络虚拟化的利器:vCPE和SD-WAN
查看>>
MATLAB基础入门笔记
查看>>
【UVA】434-Matty&#39;s Blocks
查看>>
Android开发技术周报 Issue#80
查看>>