自己在做web开发的时候,往往着重于界面设计及数据逻辑上的处理,而对一些细节不是特别注意。
doctype就是其中一个:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
1.  doctype是什么
  doctype标签 用来指定document的dtd(Document Type Definition)的,写在每个html的最前面,形如:
  <!DOCTYPE RootElement Availability "URI" [declarations]>
如几种常见的doctype:
HTML 4.01: Strict<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.1 Strict DTD<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2.  doctype能做什么
  有没有指定doctype, 以及指定不同的doctype都会激活不同的浏览器模式,从而产生对一些对html,css和js的影响,其中最著名的就是所谓的盒模型问题。
  2.1  为什么会有多种模式
  在很久很久以前还是netscape和ie争霸天下的时代,由于太强大了,浏览器模式是由浏览器自己说了算的。时光流逝,转眼到了战国群雄的时代,大家发现如果都自己说了算的话天下就乱套了,就商量说推举个盟主吧,于是w3c就上台了。但是问题又来了,譬如IE,虽说再不能一头独大,向标准看齐是大势所趋,但是假如浏览器只支持标准的话,之前的许多页面又会产生一些问题。
  于是doctype应运而生,假如没有指定任何doctype,就采用原先的模式,被称为怪癖模式(Quirks Mode),假如指定了doctype,就遵循标准,被称为标准模式或严格模式(Standards Mode)。期间,以Mozilla为代表的几位,觉得标准模式里诸如img的解析不是很合适,就保留了一些个人意见,在指定一些特定的doctype情况下,会采用一种准标准模式(Almost Standards Mode),具体情况请参考Activating Browser Modes with Doctype,或是@随网之舞的译文用doctype激活浏览器模式。
  2.2  不同模式的具体影响
  @ppk大牛已经给我们做了很好的总结,Quirks mode and strict mode。
3.  建议采用的doctype
  <!DOCTYPE HTML>
  理由:支持html5,在不识别的情况下,会采用严格模式。
  再加入一些reset css,如img { display: block }解决浏览器兼容问题。
  需要提醒注意的是,现在很多人使用的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">以及<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">在几个主要浏览器下都只相当于怪癖模式,换句话说,可以不加。
最新资讯
科创板2020年成绩出炉:共实现净利润462亿元 同比增长约六成

科创板2020年成绩出炉

2020年,科创板上市公司共计实现营业收入3314.67亿元,同
上海:2021年新建1万个5G宏基站,3万个公用桩、私人桩、专用桩

上海:2021年新建1万个5

根据《上海市推进新型基础设施建设行动方案(2020-2022
汽车之家通过港交所上市聆讯 2020年净利润5.22亿美元

汽车之家通过港交所上

据港交所文件:汽车之家通过港交所上市聆讯。
三只松鼠:累计回购公司股份229.70万股 占公司总股本的0.57%

三只松鼠:累计回购公司

三只松鼠发布公告称,截至2021年2月28日,公司通过股票回
北京首批纳入押金托管住房租赁企业名单公布:包括自如等8家

北京首批纳入押金托管

3月1日,北京房地产中介行业协会公布了率先纳入押金托管
完美世界:累计回购股份503.07万股,占总股本的0.26%

完美世界:累计回购股份

完美世界发布公告称,截至2021年2月28日,公司通过集中竞
最新文章
详解HTML中字体使用line-height依然不能垂直居中解决办法

详解HTML中字体使用li

这篇文章主要介绍了详解HTML中字体使用line-height依
html直接引用vue和element-ui的方法

html直接引用vue和ele

这篇文章主要介绍了html直接引用vue和element-ui的方
在HTML里加载摄像头的方法

在HTML里加载摄像头的

这篇文章主要介绍了如何在HTML里加载摄像头,本文通过实
html父子页面iframe双向发消息的实现示例

html父子页面iframe双

这篇文章主要介绍了html父子页面iframe双向发消息的实
HTML用户注册页面设置源码

HTML用户注册页面设置

这篇文章主要介绍了HTML用户注册页面设置源码,代码简
当div设置contentEditable=true时,重置其内容后无法光标定位

当div设置contentEdit

这篇文章主要介绍了解决当div设置contentEditable=tru