2015-12-21(meta标签)

meta标签

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

1.Keywords (关键字) 为搜索引擎提供的关键字列表

<Meta name="Keywords" Content="关键词1,关键词2，关键词3,关键词4,……">
各关键词间用英文逗号“,”隔开。

2.description(页面描述)

<meta name="description" content="150 words" />

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

3.Author (作者)标注网页的作者或制作组

<Meta name="Author" Content="张三，abc@sina.com">

Content可以是：你或你的制作组的名字,或Email

4.页面重定向和刷新

<meta http-equiv="refresh" content="0;url="" />

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

二.移动端设备

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
当前viewport的宽度等于设备的宽度

6.忽略数字自动识别为电话号码

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

7.忽略识别邮箱

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

8.禁止页面文字多时自动放大字体

<meta name="wap-font-scale" content="no">

ios设备对meta定义的私有属性

<meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 启用 WebApp 全屏模式 -->

webApp全屏模式：伪装app，离线应用。网站开启对web app程序的支持

9.隐藏状态栏/设置状态栏颜色

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。默认值为 default（白色），可以定为 black（黑色）和 black-translucent（灰色半透明）；注意：若值为“black-translucent”将会占据页面位置，浮在页面上方（会覆盖页面 20px 高度 iphone4 和 itouch4 的 Retina 屏幕为 40px ）。

10.添加到主屏后的标题

 <meta name="apple-mobile-web-app-title" content="标题">

11.申明编码

 <meta charset='utf-8' />

12.优先使用 IE 最新版本和 Chrome

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

13.转码申明

 <meta http-equiv="Cache-Control" content="no-siteapp" />

用百度打开网页可能会对其进行转码（比如贴广告），避免转码可添加如下meta

14.站点适配

 <meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">

主要用于PC-手机页的对应关系。
[wml|xhtml|html5]根据手机页的协议语言，选择其中一种；
url="url" 后者代表当前PC页所对应的手机页URL，两者必须是一一对应关系。
-->