这篇整理 参考的地址：

meta用的最多的就是 keywords、description、charset、viewport等这样几个。这篇整理 就详细介绍下meta。

W3School对meta的解释：

标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

meta一般以name、http-equiv 对应 content方式使用。

content为必选属性，name 、 http-equiv为可选属性。

W3School  meta属性解释

属性	值	描述	是否必要
content	some text	定义与http-equiv或name属性相关的元信息	必要
http-equiv	content-type / expire / refresh / set-cookie	把content属性关联到HTTP头部。	可选
name	author / description / keywords / generator / revised / others	把 content 属性关联到一个名称。	可选

SEO优化

关键词：每个网页应具有描述该网页内容的一组唯一的关键字。

使用人们可能会搜索，并准确描述网页上所提供信息的描述性和代表性关键字及短语。标记内容太短，则搜索引擎可能不会认为这些内容相关。另外标记不应超过 874 个字符。

页面描述：每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。

搜索引擎索引方式：robotterms是一组使用逗号(,)分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow。确保正确使用nofollow和noindex属性值。

页面重定向和刷新：content内的数字代表时间（秒），既多少时间后刷新。如果加url,则会重定向到指定网页（搜索引擎能够自动检测，也很容易被引擎视作误导而受到惩罚）。

地理位置标记

其他

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

移动设备

viewport：能优化移动浏览器的显示。如果不是响应式网站，不要使用initial-scale或者禁用缩放。（大部分4.7-5寸设备的viewport宽设为360px；5.5寸设备设为400px；iphone6设为375px；ipone6 plus设为414px。）

注意：很多人使用initial-scale=1到非响应式网站上，这会让网站以100%宽度渲染，用户需要手动移动页面或者缩放。如果和initial-scale=1同时使用user-scalable=no或maximum-scale=1，则用户将不能放大/缩小网页来看到全部的内容。

WebApp全屏模式：伪装app，离线应用。

隐藏状态栏/设置状态栏颜色：只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。

添加到主屏后的标题

      

忽略数字识别为号码

忽略邮箱识别

添加智能 App 广告条 Smart App Banner：告诉浏览器这个网站对应的app，并在页面上显示下载banner 

其他

 

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

页面相关设置

浏览器的选择

X-UA-Compatible：选择优先浏览器。 renderer：选择浏览器内核。 浏览器和内核是有区别的。 目前主流内核有：Trident、Gecko、WebKit、Presto 目前国内很多浏览器都采用双内核甚至多内核。 如： 搜狗高速浏览器、QQ浏览器：IE内核（兼容模式） 360极速浏览器、遨游浏览器：Webkit内核（极速模式） 禁止浏览器从本地计算机的缓存中访问页面内容：这样设定，访问者将无法脱机浏览。（禁止在非联网的情况下访问本页内容）

windows 8设置

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 关于页面字符编码和页面语言 设置页面字符编码

设置页面语言

我们通常是不是都  lang="zh-CN"  这样写？为啥不这样写