为HTML页面选择正确的Doctype

当你用XHTML或CSS编写页面时,你使用W3C DOM的标准来操作并布局页页,然而浏览器支持不同的标准,如果选择一个正确的DOCTYPE,会导致你的页面出现与你想象不一样的结果。

对于复杂的页面,DOCTYPE是一个关键组件。如果没有它,标记与CSS不会被验证是否有效。而浏览器也会根据DOCTYPE对页面元素与CSS进行渲染。没有DOCTYPE,浏览器会使用一种Quirks模式渲染页面,它是向前兼容的,用IE4和浏览器DOM(如ie用IE DOM)。

例如,ie中没有设置DOCTYPE,那么<div>内部的<img>对象其边距就会比正常的<img>大3px,这样造成布局的问题

DOCTYPE如下所示:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">