前端常用的一些meta属性

页面字符编码：

<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" />
复制代码

这里的代码用于将页面以屏幕的宽度进行渲染，将布局视口等同于屏幕的宽度，从而不会出现网页在移动端上会缩小的问题，同时不允许用户缩放。 详情可以看看我的另一篇文章：

聊聊viewport那些事儿

去除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">
复制代码