博客 - 标签:doctype

你会使用html5 doctype吗?

2010-03-20 下午 - html/css/xml/xsl - -

taobao的head里一些标签“瘦身”了!doctype、meta、script、style…让我好奇的主要是doctype的写法。

后来仔细一查,google,百度,口碑,支付宝,阿里巴巴都是这样。

为了解疑,在淘宝ued陈成的blog找到新首页开发PPT详解 —— HTML规范一文,再一对照Doctype和渲染模式对照表,疑惑解决了,同时也学到了不少的新知识。

记录一下:

html5 的 doctype:

<!DOCTYPE html>

html5 的其他标签:

<meta charset="gbk" />
<script src=""></script>
<style></style>
<link rel="stylesheet" href="" />

这种格式,所有主流浏览器都进入标准模式。这样一来就不会出现明显的兼容事件,也就无后顾之忧。不过问题还是有的,html5 doctype与图片多余空白一文就有提到——除IE7和IE6,其他支持HTML5的浏览器都在图片与容器之间出现了多余空白,并且给出了解决方法,很赞。另,iframe也受到影响,解决方法和图片一致!

最优的解决方法:

img{vertical-align:middle} /*or bottom top and so on*/

补充:

秦歌:不仅 html5 的 doctype 会引发此类问题,还有 html4.01 Strict ,这应该是标准与准标准之间的问题。

推荐阅读:

  1. 给HTML文档设置XHTML Doctype是有害的
  2. Optimizing Optimizing HTML

No Comments »

补习:激活浏览器模式的doctype

2010-03-19 下午 - html/css/xml/xsl - -

  内容太多,copy过来也没意思,决定留个链接,以后忘了随时再跳过去阅读。好文总是让人受益匪浅的!由衷地感谢原文作者——Henri Sivonen

  原文:Activating Browser Modes with Doctype

  译文:用doctype激活浏览器模式 – 感谢秦歌的翻译。

  主流浏览器的引擎:Names of Browser Engines

  下节准备补习:javascript事件中IE与火狐的不同之处

No Comments »