HTML中head头结构应该如何使用

php中世界最好的语言

发布时间：2018-01-26 10:23:46

2562人浏览过

来源于php中文网

原创

这次给大家带来html中head头结构应该如何使用，使用html中head头结构的注意事项有哪些，下面就是实战案例，一起来看一下。

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

padding.me的head头结构

复制代码代码如下:




    
    
    
    
    
    
< p>    
    
    
< p>    
< p>    PaddingMe
    
< p>    https://plus.google.com/u/1/105241873904238310190/?rel=author">
    http://padding.me/humans.txt" />
< p>    
    
    
    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属性

简体中文

繁体中文

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

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

具体相关请移步http://zhi.hu/XyIa