页面常见的meta标签说明

meta定义和用法:

<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部(即位于 head 元素内部),<meta> 标签的属性定义了与文档相关联的名称/值对。

常用的meta

<meta name="format-detection" content="telephone=no" />
禁止数字识自动别为电话号码

<meta name="format-detection" content="email=no" />
禁止某些字符自动别为电子邮箱

<meta name="renderer" content="webkit">
content的取值为webkit,ie-comp,ie-stand,区分大小写,分别代表webkit内核,IE兼容内核,IE标准内核

<meta http-equiv="pragma" content="no-cache" />
禁止浏览器从本地的缓存调阅页面,即访问者无法进行脱机浏览

<meta http-equiv="refresh" content="5;url="http://www.ray3.cn" />
定时让网页自动刷新,并跳转到到指定URL,单位是秒

<meta http-equiv="content-type" content="text/html;charset=utf-8" />
设定页面使用的字符集,charset常见有:utf-8 gb2312 gbk big5

<meta http-equiv="content-language" content="zh-cn" />
设置页面的显示语言,常见有:zh-cn en

<meta name="keywords" content="xxx,xxx,xxx" />
网页的关键字,建议3-5个

<meta name="description" content="xxxxxxxxxxxxxxxx" />
网页的描述

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
让IE浏览器用最高级内核渲染页面 还有用 Chrome 框架的页面用webkit 内核

.....

个别浏览器私有的meta

<meta name="full-screen" content="yes">
UC浏览器强制全屏

<meta name="x5-fullscreen" content="true">
QQ浏览器强制全屏

<meta name="browsermode" content="application">
UC浏览器应用模式

<meta name="x5-page-mode" content="app">
QQ浏览器应用模式

<meta name="x5-orientation" content="portrait">
QQ浏览器强制竖屏

.....

不常用的meta

<meta name="robots" content="noindex,nofollow">
让搜索引擎禁止抓取本页面,和禁止继续访问本页面里面的其他链接

<meta name="HandheldFriendly" content="true">
针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓

<meta name="apple-mobile-web-app-capable" content="yes">
IOS6全屏

<meta name="mobile-web-app-capable" content="yes">
Chrome高版本全屏

<meta http-equiv="Cache-Control" content="no-siteapp" />
禁止百度转码

<meta name="title" content="xxxxxxx" />
页面的标题

<meta name="author" content="Ray" />
页面的作者

<meta name="Copyright" content="xxxxxxx" />
页面的公司

<meta name="MobileOptimized" content="320">
微软的老式浏览器

.....