HTML中head头结构

下面介绍下常用的head头部结构，以及对各个标签、元素的意义以及使用场景一一介绍（本篇以一丝大神的文章为基础，进行扩展总结）。

 padding.me的head头结构

 DOCTYPE

DOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于html标签之前，此标签告知浏览器文档使用哪种HTML或者XHTML规范。

DTD(Document Type Definition)声明以开始，不区分大小写，前面没有任何内容，如果有其他内容(空格除外)会使浏览器在IE下开启怪异模式(quirks mode)渲染网页。公共DTD，名称格式为“注册//组织//类型 标签//语言”,“注册”指示组织是否由国际标准化组织(ISO)注册，+表示是，-表示不是。“组织”即组织名称，如：W3C；“类型”一般是DTD，“标签”是指定公开文本描述，即对所引用的公开文本的唯一描述性名称，后面可附带版本号。最后“语言”是DTD语言的ISO 639语言标识符，如：EN表示英文，ZH表示中文。XHTML 1.0可声明三种DTD类型。分别表示严格版本，过渡版本，以及基于框架的HTML文档。
 •
HTML 4.01 strict
http://www.w3.org/TR/html4/strict.dtd">
 
•
HTML 4.01 Transitional
http://www.w3.org/TR/html4/loose.dtd">
 
•
HTML 4.01 Frameset
http://www.w3.org/TR/html4/frameset.dtd">
 
•
而最新HTML5 推出更加简洁的书写，它向前向后兼容，推荐使用。

 

HTML里的doctype有两个主要目的。
 •对文档进行有效性验证。
 它告诉用户代理和校验器这个文档是按照什么DTD写的。这个动作是被动的，每次页面加载时，浏览器并不会下载DTD并检查合法性，只有当手动校验页面时才启用。
 •决定浏览器的呈现模式
 对于实际操作，通知浏览器读取文档时用哪种解析算法。如果没有写，则浏览器则根据自身的规则对代码进行解析，可能会严重影响html排版布局。浏览器有三种方式解析HTML文档。

 ◦非怪异（标准）模式
 ◦怪异模式
 ◦部分怪异（近乎标准）模式
 关于IE浏览器的文档模式，浏览器模式，严格模式，怪异模式，DOCTYPE标签，可详细阅读模式？标准！，以及盒子模型。
 

charset

声明文档使用的字符编码，

 html5之前网页中会这样写：

 这两个是等效的，具体可移步阅读：http://stackoverflow.com/questions/4696499/meta-charset-utf-8-vs-meta-http-equiv-content-type，所以建议使用较短的，易于记忆。

lang属性

简体中文

 繁体中文

 很少情况才需要加地区代码，通常是为了强调不同地区汉语使用差异，例如：