这次给大家带来html中head头结构应该如何使用，使用html中head头结构的注意事项有哪些，下面就是实战案例，一起来看一下。
下面介绍下常用的head头部结构，以及对各个标签、元素的意义以及使用场景一一介绍（本篇以一丝大神的文章为基础，进行扩展总结）。
padding.me的head头结构
复制代码代码如下:
PaddingMe <link rel="author" href="https://plus.google.com/u/1/105241873904238310190/?rel=author"> <link type="text/plain" rel="author" href="http://padding.me/humans.txt" />
<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="http://feeds.feedburner.com/paddingme" />
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
HTML 4.01 Transitional
HTML 4.01 Frameset
而最新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属性
简体中文
<!-- 更加标准的 lang 属性写法 -->
繁体中文
<!-- 更加标准的 lang 属性写法 -->
很少情况才需要加地区代码，通常是为了强调不同地区汉语使用差异，例如：
菠萝和鳳梨其实是同一种水果。只是大陆和台湾称谓不同，且新加坡、马来西亚一带的称谓也是不同的，称之为黄梨。
具体相关请移步http://zhi.hu/XyIa
优先使用 IE 最新版本和 Chrome
360 使用Google Chrome Frame
360浏览器就会在读取到这个标签后，立即切换对应的极速核。
另外为了保险起见再加入
这样写可以达到的效果是如果安装了Google Chrome Frame，则使用GCF来渲染页面，如果没有安装GCF，则使用最高版本的IE内核进行渲染。
相关链接：浏览器内核控制Meta标签说明文档
百度禁止转码
通过百度手机打开网页时，百度可能会对你的网页进行转码，脱下你的衣服，往你的身上贴狗皮膏药的广告，为此可在head内添加
相关链接：SiteApp转码声明
SEO优化部分
页面标题
微信扫一扫 
支付宝扫一扫 
