meta标签整理

文章内容均来自他出，每次都会用到一些meta标签，这里做一下整理

声明文档使用的字符编码

<meta charset="utf-8">

移动端开发Viewport

width=viewport 宽度(数值/device-width)

height=viewport 高度(数值/device-height)

initial-scale 初始缩放比例

maximum-scale 最大缩放比例

minimum-scale 最小缩放比例

user-scalable 是否允许用户缩放(yes/no)

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

设置IE浏览器渲染页面的兼容模式

ie=edge 以IE可用最高版本渲染页面

chrome=1 Google Chrome Frame(谷歌内嵌浏览器框架GCF)，插件可以让用户的IE浏览器外不变，但用户在浏览网页时，实际上使用的是Chrome浏览器内核

<meta http-equiv="X-UA-Compatible" content="ie=edge, chrome=1">

SEO优化

<!-- 定义页面的关键词，一般不超过100字符 -->
<meta name="keywords" content="key1, key2, ...">

<!-- 定义页面的描述，一般不超过200字符 -->
<meta name="description" content="描述不超过200字符">

禁止数字识自动别为电话号码

<meta name="format-detection" content="telephone=no">

禁止识别邮箱

<meta name="format-detection" content="email=no">

国产浏览器指定模式渲染

<!-- 360写法 -->
<meta name="renderer" content="webkit"> 
<!-- 其他浏览器写法 -->
<meta name="force-rendering" content="webkit">

QQ浏览器

<!-- 在指定方向上锁定屏幕（锁定横/竖屏） -->
<meta name="x5-orientation" content="landscape/portrait">
<!-- 全屏显示此页面 -->
<meta name="x5-fullscreen" content="true">
<!-- 页面将以“应用模式”显示（全屏等）-->
<meta name="x5-page-mode" content="app">

UC浏览器

<!-- 在指定方向上锁定屏幕（锁定横/竖屏） -->
<meta name="x5-orientation" content="landscape/portrait">
<!-- 全屏显示此页面 -->
<meta name="x5-fullscreen" content="true">
<!-- 页面将以“应用模式”显示（全屏等）-->
<meta name="x5-page-mode" content="app">