html-meta标签常用方法

meta标签简介

meta是html语言head区域里的一个标签,我感觉它的作用功能相当于一个页面的辅助描述标签，它提供文档字符集、使用语言、作者等基本信息，以及对关键词和网页等级的设定等，最大的作用是能够做搜索引擎优化（SEO）
具体描述参考W3C:http://www.w3school.com.cn/tags/tag_meta.asp

使用

通用方法
1.<meta charset='UTF-8'>
说明:告诉浏览器html编码格式

2.<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
说明：X-UA-Compatible：IE8的一个专有属性，它告诉IE8采用何种IE版本去渲染网页，在html的标签中使用
(1)为什么使用X-UA-Compatible?
在IE8刚推出的时候，很多网页由于重构的问题，无法适应较高级的浏览器，所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。
(2)IE=edge意思？
模式Edge 模式告诉 IE 以最高级模式渲染文档，也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。简单的说，就是什么版本 IE 就用什么版本的标准模式渲染
(3)chrome=1意思?
使用以下代码强制 IE 使用 Chrome Frame 渲染

3.<meta name='renderer' content='webkit'>
说明:content的取值为webkit，ie-comp，ie-stand之一，区分大小写，分别代表用极速模式，兼容模式，IE模式打开。(暂时)

4.<meta name='spm-id' content='a21bo'>
说明:SPM是淘宝社区电商业务（xTao）为外部合作伙伴（外站）提供的一套跟踪引导成交效果数据的解决方案。
(1)SPM编码说明：用来跟踪页面模块位置的编码，标准spm编码由4段组成，采用a.b.c.d的格式（建议全部使用数字），其中，
(1-1)a代表站点类型，对于xTao合作伙伴（外站），a为固定值，a=2014
(1-2)b代表外站ID（即外站所使用的TOP appkey），比如您的站点使用的TOP appkey=123456789，则b=123456789
(1-3)c代表b站点上的频道ID，比如是外站某个团购频道，某个逛街频道，某个试用频道 等
(1-4)d代表c频道上的页面ID，比如是某个团购详情页，某个宝贝详情页，某个试用详情页 等

5.<meta name='description' content='我是描述本网站的'>
说明：description描述网站方便seo搜索关键字

6.<meta name='keyword' content='关键词'>
说明：keyword网页关键词方便seo搜索关键字

移动端使用
1.<meta name='viewport' content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no'>
说明:强制让文档宽度与设备的宽度保持1:1，并且文档最大的宽度比例1.0，且不允许用户点击屏幕放大
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放

2.<meta name='apple-mobile-web-app-capable' content='yes' />
说明:删除默认的苹果工具栏和菜单栏

3.<meta name='apple-mobile-web-app-status-bar-style' content='black' />
说明:苹果的头部状态栏黑色

4.<meta name='format-detection' content='telephone=no,email=no,adress=no' />
说明:ios禁用数字输入时呈现的一些默认样式

http://www.pitaya100.com“>