移动前端不得不了解的HTML5 head 头标签

下面是HTML基本的头部元素:更多知识疑难点，欢迎加群壹柒贰玖玖肆壹伍伍共同学习！
html 代码:

<!doctype html>

<html>

<head>

< charset="utf-8">

< http-equiv="x-ua-compatible" content="ie=edge">

< name="viewport" content="width=device-width, initial-scale=1">

< >页面标题</ >

...

</head>

html 代码:

< http-equiv="x-ua-compatible" content="ie=edge">

在桌面开发的时候可以让IE浏览器以最新的模式渲染页面，具体可以查看本文Internet Explorer浏览器部分。
如果你的页面确定只在桌面浏览器中运行，那么
html 代码:

< name="viewport" content="width=device-width, initial-scale=1">

也可以省略。
DOCTYPE
DOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于 html 标签之前，此标签告知浏览器文档使用哪种 HTML 或者 XHTML 规范。
使用 HTML5 doctype，不区分大小写。
html 代码:

<!DOCTYPE html>

charset
声明文档使用的字符编码，
html 代码:

< charset="utf-8">

html5 之前网页中会这样写：
html 代码:

< http-equiv="Content-Type" content="text/html; charset=utf-8">

这两个是等效的，具体可移步阅读：< charset='utf-8'> vs < http-equiv='Content-Type'>，所以建议使用较短的，易于记忆。
lang属性
简体中文
html 代码:

繁体中文
html 代码:

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

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

为什么 lang="zh-cmn-Hans" 而不是我们通常写的 lang="zh-CN" 呢，请移步阅读: 页头部的声明应该是用 lang=”zh” 还是 lang=”zh-cn”。
标签标签是HTML中head头部的一个辅助性标签，它位于HTML文档头部的 <head> 和 < > 标记之间，它提供用户不可见的信息。虽然这部分信息用户不可见，但是其作用非常强大，特别是当今的前端开发工作中，设置合适的标签可以大大提升网站页面的可用性。
桌面端开发中，标签通常用来为搜索引擎优化（SEO）及 robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己，以及设置RASC内容等级，等等。
移动端开发中，标签除了桌面端中的功能设置外，还包括，比如viewport设置，添加到主屏幕图标，标签页颜色等等实用设置。具体可以看后面详细的介绍。
标签分类标签根据属性的不同，可分为两大部分：http-equiv 和 name 属性。
http-equiv：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助浏览器正确地显示网页内容。
name属性：主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于浏览器，搜索引擎等机器人识别，等等。
推荐使用的标签 html 代码:

< charset="utf-8">

< http-equiv="x-ua-compatible" content="ie=edge">

< name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

< http-equiv="Content-Security-Policy" content="default-src 'self'">

< name="application-name" content="应用名称">