博客 - html/css/xml/xsl

你会使用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="" />

这种格式,所有主流浏览器都进入标准模式。这样一来就不会出现明显的兼容事件,也就无后顾之忧。不过问题还是有的,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

标签:

写下您的看法

  • :em18:
  • :em12:
  • :em03:
  • :em08:
  • :em06:
  • :em05:
  • :em07:
  • :em15:
  • :em11:
  • :em16:
  • :em01:
  • :em17:
  • :em10:
  • :em13:
  • :em14:
  • :em02:
  • :em09:
  • :em04:

仅支持“a、abbr、strong、em、blockquote、code”几个简单的标签

使用腾讯微博登陆 使用新浪微博登陆