日期:2014-05-17  浏览次数:20707 次

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定义的,后来查了资料发现,每个游览器各自会有一种标准,所以一般来说,这种模式会有些许差异,不过并不影响页面的布局。

Almost Standards Mode: 相对于standards mode,会减少游览器间的差异。


最后,奉上一篇很好的文章,希望了解更全的可以去这里看http://hsivonen.iki.fi/doctype/。