你会使用html5 doctype吗?
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="" />
<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 ,这应该是标准与准标准之间的问题。
推荐阅读: