html doctype 拙见
日期：2014-05-17 浏览次数：20771 次
html doctype 浅见
最近一直在做Mobage平台的游戏，所以有很长时间没有碰web相关的东西。最近，帮人写个网站，因为对自己的html+css还是有点小信心的，然后就直接在chrome上面测试，一切都很好，但是在ie上面一看，咦，怎么变样了。按照经验，乱找一通。最后发现竟然是因为偷懒，大义或者说是经验不够，导致漏掉了<!DOCTYPE HTML>。
切入正题，关于DOCTYPE，当然网上关于这方面的文章也是一大堆一大堆。大致分为以下几类：
HTML 5：<!DOCTYPE HTML >
HTML 4 strict：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
（不能在标签内编辑样式，如<div color="#FFFFFF"></div>，只能用css。 PS：我的大致理解）
HTML 4.01 Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
（可以把style设置进标签属性中。）
还有个不常用的 HTML 4.01 Frameset
对于3种定义有着相对应的表现模式，分别为： Quirks Mode， Standards Mode， Almost Standards Mode。
对于这三种mode，Quirks Mode（也称怪异模式）是绝对禁用的，他会使你的网页给你意想不到的惊喜。也就是像我这样因为漏了定义DOCTYPE所导致的结果。
Standards Mode： 一开始我是认为，这种标准模式是由w3c定义的，后来查了资料发现，每个游览器各自会有一种标准，所以一般来说，这种模式会有些许差异，不过并不影响页面的布局。
最近一直在做Mobage平台的游戏，所以有很长时间没有碰web相关的东西。最近，帮人写个网站，因为对自己的html+css还是有点小信心的，然后就直接在chrome上面测试，一切都很好，但是在ie上面一看，咦，怎么变样了。按照经验，乱找一通。最后发现竟然是因为偷懒，大义或者说是经验不够，导致漏掉了<!DOCTYPE HTML>。
切入正题，关于DOCTYPE，当然网上关于这方面的文章也是一大堆一大堆。大致分为以下几类：
HTML 5：<!DOCTYPE HTML >
HTML 4 strict：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
（不能在标签内编辑样式，如<div color="#FFFFFF"></div>，只能用css。 PS：我的大致理解）
HTML 4.01 Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
（可以把style设置进标签属性中。）
还有个不常用的 HTML 4.01 Frameset
对于3种定义有着相对应的表现模式，分别为： Quirks Mode， Standards Mode， Almost Standards Mode。
对于这三种mode，Quirks Mode（也称怪异模式）是绝对禁用的，他会使你的网页给你意想不到的惊喜。也就是像我这样因为漏了定义DOCTYPE所导致的结果。
Standards Mode： 一开始我是认为，这种标准模式是由w3c定义的，后来查了资料发现，每个游览器各自会有一种标准，所以一般来说，这种模式会有些许差异，不过并不影响页面的布局。
Almost Standards Mode： 相对于standards mode，会减少游览器间的差异。
最后，奉上一篇很好的文章，希望了解更全的可以去这里看http://hsivonen.iki.fi/doctype/。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
