细说HTML头部标签

原文

博客原文

大纲

1、头部标签列表
2、头部标签详解

1、头部标签列表

2、头部标签详解

2.1、声明文档规范：

DOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于 html 标签之前，此标签告知浏览器文档使用哪种 HTML 或者 XHTML 规范。
HTML有多个不同的版本，只有完全明白页面中使用的确切的HTML版本，浏览器才能完全正确的显示出HTML页面。
DTD(Document Type Definition) 声明以 开始，不区分大小写，前面没有任何内容，如果有其他内容(空格除外)会使浏览器在 IE 下开启怪异模式(quirks mode)渲染网页。

在 HTML中 doctype 有两个主要作用

1、对文档进行有效性验证：它告诉用户代理和校验器这个文档是按照什么 DTD 写的。这个动作是被动的，每次页面加载时，浏览器并不会下载 DTD 并检查合法性，只有当手动校验页面时才启用。
2、决定浏览器的呈现模式：对于实际操作，通知浏览器读取文档时用哪种解析算法。如果没有写，则浏览器则根据自身的规则对代码进行解析，可能会严重影响 html 排版布局。浏览器有三种方式解析 HTML 文档。(1) 非怪异（标准）模式(2) 怪异模式(3) 部分怪异（近乎标准）模式(关于IE浏览器的文档模式，浏览器模式，严格模式，怪异模式)

2.2、声明文档使用的字符编码

2.3、 lang 属性

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

2.4、设置浏览器渲染模式

2.5、SEO（搜索引擎）优化

name是描述网页的，对应于Content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。（即：通过设置这些来优化搜索引擎对当前网页的分类，检索）

2.5.1、页面描述

2.5.2、页面关键词

2.5.3、定义页面标题

2.5.4、Copyright (版权)

2.5.5、Author (作者)

2.6、 添加 RSS 订阅

2.7、添加 favicon icon

2.8、viewport

参考网址

http://www.runoob.com/w3cnote/html-meta-intro.html
https://www.cnblogs.com/avilang/p/6741811.html
http://blog.csdn.net/xiongchao2011/article/details/7038627
https://www.cnblogs.com/menyiin/p/6527339.html