meta标签属性

什么是meta？有什么作用？

meta是位于head区域内的标签，标签内无内容

作用是用来描述网页的元信息，例如作者、日期、时间、网页描述、页面刷新等

meta标签的属性介绍

name

name和content搭配使用

keyword：关键字，可以通过设置的关键字搜索到网页

description：描述，网页的描述

renderer：优先使用哪个内核渲染页面

author：定义页面的作者

robots：默认是all 
其它的属性说明如下：  
设定为all：文件将被检索，且页面上的链接可以被查询；  
设定为none：文件将不被检索，且页面上的链接不可以被查询；  
设定为index：文件将被检索；  
设定为follow：页面上的链接可以被查询；  
设定为noindex：文件将不被检索，但页面上的链接可以被查询；  
设定为nofollow：文件将不被检索，页面上的链接可以被查询。  

viewport：通常手机浏览器打开页面后，会把页面放在一个虚拟的“窗口”--这个比窗口大，也就是你常发现页面可以进行拖动、放大放小，这个窗口即viewport，meta的这个viewport属性基本所有手机浏览器皆支持。

width：viewport 的宽度，可以指定为一个像素值，如：600，或者为特殊的值，如：device-width （设备的宽度）。
height：viewport的高度。
initial-scale：初始缩放比例，即当浏览器第一次加载页面时的缩放比例。
maximum-scale：允许浏览者缩放到的最大比例，一般设为1.0。
minimum-scale：允许浏览者缩放到的最小比例，一般设为1.0。
user-scalable：浏览者是否可以手动缩放，yes或no。 

apple-mobile-web-app-capable：如果设置 content 为 yes，应用以全屏模式运行，否则不会在全屏中运行

apple-mobile-web-app-status-bar-style：

format-detection：不自动识别页面中的 电话和邮箱，就是点击数字或邮箱样的字符不会做其他操作

HandheldFriendly：

screen-orientation：<meta name="screen-orientation" content="portrait|landscape">uc设置屏幕方向为横屏还是竖屏

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

full-screen：<meta name="full-screen" content="yes">uc强制竖屏

x5-fullscreen：<meta name="x5-fullscreen" content="true">​​​​​​​QQ强制全屏

browsermode：<meta name="browsermode" content="application">​​​​​​​UC应用模式

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

charset

meta标签中的charset属性是用来声明文档使用的字符编码。解决文档出现乱码的问题主要就是靠它！需要注意的是，这个charset属性的声明必须写在head中最靠前的位置，否则就可能出现乱码的问题

charset的常用属性值

第一种：UTF-8 ( Unicode字符编码，国际通用)

第二种：ISO-8859-1(英文字符编码，也称拉丁字母表的字符编码)

第三种：gb2312(中文简体字符编码)

第四种：big5(中文繁体字符编码)

charset属性值大小写问题

charset属性值是不区分大小写的。您可以使用UTF-8或utf-8，但UTF-8更清晰，更易读，更准确。

http-equiv

http-equiv，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

pragma：<meta http-equiv="pragma" content="no-cache">禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出

 cache-control：<meta http-equiv="cache-control" content="no-cache">清除缓存(再访问这个网站要重新下载！)

expires：<meta http-equiv="expires" content="0">   设定网页的到期时间,一旦网页过期,必须到服务器上重新传输

keywords：<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">关键字,搜索引擎用

description：<meta http-equiv="description" content="This is my page">页面描述

content-type：<meta http-equiv="content-type" content="text/html;charset=utf-8">html+utf-8

Refresh：<meta http-equiv="Refresh" content="2；URL=http://www.net.cn/">几秒后页面自动跳转

Set-Cookie：<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-200722:33:00 GMT； path=/">Set-Cookie如果网页过期,那么存盘的cookie将被删除

content

和name、http-equiv连用

scheme

设置或返回用于解释 content 属性的值的格式。

<meta name="revised" content="2011-02-03" scheme="YYYY-MM-DD">