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">在几个主要浏览器下都只相当于怪癖模式，换句话说，可以不加。
<!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">在几个主要浏览器下都只相当于怪癖模式，换句话说，可以不加。
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
暂无评论...
更新日志
2024年11月22日
2024年11月22日
- 张惠妹《阿密特》NEW XRCD[WAV+CUE][455M]
- 邓伟标《西游记之悟空》24K金碟限量编号首版[低速原抓WAV+CUE]
- 群星《2024好听新歌40》AI调整音效【WAV分轨】
- 张梦弘《大城小爱HQ》头版限量编号[低速原抓WAV+CUE]
- 张敬轩《MY 1ST COLLECTION》2CD[WAV+CUE][1.7G]
- 张玮伽《夜归人HQⅡ》2024头版限量编号[WAV+CUE][523M]
- 证声音乐图书馆《夏至 爵士境地》[320K/MP3][70.37MB]
- 孙露《同名专辑》限量1：1母盘直刻[低速原抓WAV+CUE]
- 【宝丽金唱片】群星《鼓舞飞扬》WAV+CUE
- 莫扎特弗雷德沃夏克肖斯塔科维奇《钢琴五重奏》(DG24-96)FLAC
- 证声音乐图书馆《夏至 爵士境地》[FLAC/分轨][360.16MB]
- 证声音乐图书馆《日落琴声 x 弦乐》[320K/MP3][71.2MB]
- 证声音乐图书馆《日落琴声 x 弦乐》[FLAC/分轨][342.58MB]
- 谢采妘2011《难忘的旋律(Non-StopChaCha)》马来西亚版[WAV+CUE]
- 林翠萍《听见林翠萍，记忆就会醒来》2CD[WAV+CUE]