我的HTML文档标准,兼容HTML5,尽量简写

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<link rel="stylesheet" href="" />
<script src=""></script>
<style>
</style>
<script>
</script>
</head>
<body>
 
</body>
</html>
 

1 兼容IE8 <metahttp-equiv="X-UA-Compatible" content="IE=8" />

 

2<linkrel="shortcut icon" />已省,只需在根目录放置favicon.ico,浏览器都会请求

 

3<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" /> 也许存在兼容问题。

 

4:从兼容性出发,个人习惯utf-8的编码格式,但应结合项目实际情况选择。(不同字符编码格式下,字符呈现会有差别的)

 

详细解释:

一、关于Doctype

浏览器的渲染模式选择,该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
 

HTML Strict DTD

 

如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

 

HTML TransitionalDTD

 

Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 HTML 的呈现特性时,请使用此类型:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

 

Frameset DTD

 

Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外,FramesetDTD 等同于Transitional DTD:

<!DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">

 

特别地,未对Doctype进行设置或设置错误,进入怪癖模式(Quirks Mode);IE是只要doctype标签闭合,都进入标准模式。
 

(附:Doctype和渲染模式对照表)

二、Charset的Meta标签

标准写法:
<meta http-equiv="Content-Type"content="text/html; charset=utf-8" />
使用标准写法当然无可厚非,但是字符太长,手写难度比较大,简写关键在于是否需要mime-type声明,玉伯的说法是mime-type有优先级,先取服务端,再取页面,因目前服务端基本都有设置,所以省去。(待测试考证)
 

三、相关标签的type属性

包括:
<link rel="stylesheet" href="" type="text/css" media="all" />
<style type="text/css"></style>
<script type="text/javascript" src=""></script>
参考HTML5Spec,下划线的type属性为默认值,故省去。
 
 另,关于<link rel="shortcut icon" />,测试IE/Chrome/FF/Safari/Opera,均会请求favicon.ico,故省去。
 
参考:
OptimizingOptimizing HTML
HTML5模板
淘宝新首页开发实践PPT分享
posted @ 2010-07-27 13:38  斯人  阅读(444)  评论(0编辑  收藏  举报