页面字符编码：
<meta charset="utf-8">
用来告知浏览器如何解码当前页面。
浏览器模式切换：
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- 相关例子——模拟IE7渲染模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=7">
<!-- 启用360浏览器的极速模式(webkit) -->
<meta name="renderer" content="webkit">
1.让IE浏览器使用最新的渲染模式，也可以模拟谷歌内核渲染模式。 第二个代码代表的是让浏览器模拟IE7内核的渲染模式，增加chrome将会启用本机上的GCF，这个插件可以让浏览器模拟谷歌内核，但前提是有安装谷歌内嵌框架（Google Chrome Frame）,这样能达到就算是在IE浏览器下都能使用谷歌内核来解释页面。 （该标签IE8以上才支持）
2.对于360浏览器来说，它拥有两个内核，一个是本机的IE内核，另一个则是谷歌的内核（webkit），比如您的电脑上安装的是IE7，那么这个IE内核就是IE7。
360浏览器通过两种模式的情况来使用不同的内核，兼容模式对应的是IE内核，极速模式则对应的是webkit。如果本机上有安装360浏览器的朋友，不妨可以试试看在不同模式下网页显示的区别。
当然这个不只属于360浏览器，国内有很多多核浏览器都能够使用这个标签，国内双核浏览器默认内核模式如下：
搜狗高速浏览器、QQ浏览器：IE内核（兼容模式）
360极速浏览器、遨游浏览器：Webkit内核（极速模式）
可以根据需要来使用该标签，达到较好的效果
SEO相关的声明：
使用如下的代码可以声明关于当前页面的一些关键字，以及页面描述，能为搜索引擎提供有用的信息。
<meta name="keywords" content="">
<meta name="description" content="">
VIEWPORT使用：
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
这里的代码用于将页面以屏幕的宽度进行渲染，将布局视口等同于屏幕的宽度，从而不会出现网页在移动端上会缩小的问题，同时不允许用户缩放。 详情可以看看我的另一篇文章：
去除IOS Safari对数字号码的自动识别：
在IOS Safari中数字会被直接处理为电话链接，但在具体的业务场景中，我们不需要有这类功能，这时候可以利用以下的代码：
关闭电话自动识别:
<meta name="format-detection" content="telephone=no"/>
当然也可以根据业务需要，自主开启电话识别的功能，使用代码如下：
开启拨打电话/发送短信功能:
<a href="tel:123456">立即拨打电话</a>
<a href="sms:123456">立即发送短信</a>
使用以上代码，就能够做到发送短信以及拨打电话的功能
去除IOS Safari对邮箱地址的自动识别：
如果想要在去除电话的识别的基础上，同时去除邮箱地址识别：
<meta name="format-detection" content="telephone=no,email=no"/>
邮箱链接
<a href="mailto:XXXXXX@qq.com">给我们发邮件</a>
X5内核相关Meta设置：
X5内核，即QQ浏览器使用的内核，包括现在的微信上浏览的页面也使用这个内核。 以下的代码仅在X5内核之下有效，但是微信网页上似乎也没有任何作用。
<meta name="x5-orientation" content="portrait|landscape"/> //设置屏幕方向
<meta name="x5-fullscreen" content="true"/> //设置全屏
第一段代码可以让页面坚持以一个屏幕方向进行显示
第二段代码让网页处于全屏的状态下去显示，这意味着状态栏以及地址栏会看不到。
UC浏览器相关Meta设置：
UC浏览器跟QQ浏览器一样有强制全屏和强制横/竖屏显示的设置。
<meta name="full-screen" content="yes">
<meta name="screen-orientation" content="portrait">
