html中head头结构 - 建站经验

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

padding.me的head头结构

代码如下:

<!doctype html>

<head>

</head>

doctype

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

dtd(document type definition)声明以<!doctype>开始，不区分大小写，前面没有任何内容，如果有其他内容(空格除外)会使浏览器在ie下开启怪异模式(quirks mode)渲染网页。公共dtd，名称格式为“注册//组织//类型标签//语言”,“注册”指示组织是否由国际标准化组织(iso)注册，+表示是，-表示不是。“组织”即组织名称，如：w3c；“类型”一般是dtd，“标签”是指定公开文本描述，即对所引用的公开文本的唯一描述性名称，后面可附带版本号。最后“语言”是dtd语言的iso 639语言标识符，如：en表示英文，zh表示中文。xhtml 1.0可声明三种dtd类型。分别表示严格版本，过渡版本，以及基于框架的html文档。

•

html 4.01 strict

<!doctype html public -//w3c//dtd html 4.01//en >

•

html 4.01 transitional

<!doctype html public -//w3c//dtd html 4.01 transitional//en >

•

html 4.01 frameset

<!doctype html public -//w3c//dtd html 4.01 frameset//en >

•

而最新html5 推出更加简洁的书写，它向前向后兼容，推荐使用。

<!doctype html>

html里的doctype有两个主要目的。

•对文档进行有效性验证。

它告诉用户代理和校验器这个文档是按照什么dtd写的。这个动作是被动的，每次页面加载时，浏览器并不会下载dtd并检查合法性，只有当手动校验页面时才启用。

•决定浏览器的呈现模式

对于实际操作，通知浏览器读取文档时用哪种解析算法。如果没有写，则浏览器则根据自身的规则对代码进行解析，可能会严重影响html排版布局。浏览器有三种方式解析html文档。

?非怪异（标准）模式

?怪异模式

?部分怪异（近乎标准）模式

关于ie浏览器的文档模式，浏览器模式，严格模式，怪异模式，doctype标签，可详细阅读模式？标准！，以及盒子模型。

charset

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

代码如下:

html5之前网页中会这样写：

代码如下:

这两个是等效的，具体可移步阅读：，所以建议使用较短的，易于记忆。

lang属性

简体中文

繁体中文

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

代码如下:

菠萝和鳳梨其实是同一种水果。只是大陆和台湾称谓不同，且新加坡、马来西亚一带的称谓也是不同的，称之为黄梨。

具体相关请移步

优先使用 ie 最新版本和 chrome

代码如下:

360 使用google chrome frame

代码如下:

360浏览器就会在读取到这个标签后，立即切换对应的极速核。

另外为了保险起见再加入

代码如下:

这样写可以达到的效果是如果安装了google chrome frame，则使用gcf来渲染页面，如果没有安装gcf，则使用最高版本的ie内核进行渲染。

相关链接：浏览器内核控制meta标签说明文档

百度禁止转码

通过百度手机打开网页时，百度可能会对你的网页进行转码，脱下你的衣服，往你的身上贴狗皮膏药的广告，为此可在head内添加