meta标签的理解
<meta name="参数" content="参数值" />
<meta name="keywords" content="程序员,程序猿,攻城狮"/>
<meta name="description" content="meta标签是HTML中的一个重要标签，它位于HTML文档头部的<HEAD>标签和<TITL>标签之间。"/>
<meta name="robots" content=""/>
<meta name="author" content="TG,TG@qq.com"/>
<meta name="copyright" content="本网站版权归TG所有"/>
<meta name="generator" content="你所用的编辑器"/>
<meta name="revisit-after" content="7days"/>
语法：
<meta http-equiv="参数" content="参数值"/>
参数说明：
1.Expires（期限）
说明：指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新传输。
语法：
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT"/>
注意：必须使用GMT的时间格式，或者直接设为0（数字表示多久后过期）
2.Pragma（cache模式）
说明：禁止浏览器从本地计算机的缓存中访问页面内容。
语法：
<meta http-equiv="Pragma" content="no-cache"/>
注意：网页不保存在缓存中，每次访问都刷新页面。这样设定，访问者将无法脱机浏览。
3.Refresh（刷新）
说明：自动刷新并指向新页面。
语法：
<meta http-equiv="Refresh" content="5,URL=http:://baidu.com"/>
其中的5表示5秒后自动刷新并调整到URL新页面。
4.Set-Cookie（cookie设定）
说明：浏览器访问某个页面时会将它存在缓存中，下次再次访问时就可从缓存中读取，以提高速度。当你希望访问者每次都刷新你广告的图标，或每次都刷新你的计数器，就要禁用缓存了。
如果网页过期，那么存盘的cookie将被删除。
语法：
<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Wednesday,
21-Oct-98 16:14:21 GMT; path=/">
注意：必须使用GMT的时间格式
5.Window-target（显示窗口的设定）
说明：强制页面在当前窗口以独立页面显示
语法：
<meta http-equiv="Window-target" content="_top"/>
可以用来防止别人在框架里调用你的页面。
6.content-Type（显示字符集的设定）
说明：设定页面使用的字符集
<meta http-equiv="content-Type" content="text/html;charset=utf-8"/>
其他参数值：
meta标签的charset的信息参数如GB2312时，代表说明网站是采用的编码是简体中文；
meta标签的charset的信息参数如BIG5时，代表说明网站是采用的编码是繁体中文；
meta标签的charset的信息参数如iso-2022-jp时，代表说明网站是采用的编码是日文；
meta标签的charset的信息参数如ks_c_5601时，代表说明网站是采用的编码是韩文；
meta标签的charset的信息参数如ISO-8859-1时，代表说明网站是采用的编码是英文；
meta标签的charset的信息参数如UTF-8时，代表世界通用的语言编码；
在HTML5中，我们一般都是：
<meta charset="utf-8"/>
7.content-Language（显示语言的设定）
说明：显示语言
语法：
<meta http-equiv="Content-Language" content="zh-cn"/>
8.http-equiv="imagetoolbar"
<meta http-equiv="imagetoolbar" content="false"/>
指定是否显示图片工具栏，当为false代表不显示，当为true代表显示。
HTML5
在HTML5中，name的属性新增了viewport、format-detection等
1.viewport
说明：能优化移动浏览器的显示（屏幕的缩放）
语法：
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
参数值：
width viewport的宽度[device-width | pixel_value]width如果直接设置pixel_value数值，大部分的安卓手机不支持，但是ios支持；
height – viewport 的高度 （范围从 223 到 10,000 ）
user-scalable [yes | no]是否允许缩放
initial-scale [数值] 初始化比例（范围从 > 0 到 10）
minimum-scale [数值] 允许缩放的最小比例
maximum-scale [数值] 允许缩放的最大比例
target-densitydpi 值有以下（一般推荐设置中等响度密度或者低像素密度，后者设置具体的值dpi_value，另外webkit内核已不准备再支持此属性）
-- dpi_value 一般是70-400//没英寸像素点的个数
-- device-dpi设备默认像素密度
-- high-dpi 高像素密度
-- medium-dpi 中等像素密度
-- low-dpi 低像素密度
2.format-detection（忽略电话号码和邮箱）
说明：忽略电话号码和邮箱
语法：
//忽略页面中的数字识别为电话号码
<meta name="format-detection" content="telephone=no">
//忽略页面中的邮箱格式识别为邮箱
<meta name="format-detection" content="email=no"/>
也可以写成：
<meta name="format-detection" content="telphone=no, email=no"/>
其他
添加favicon icon
<link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
WebApp全屏模式
<meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 启用 WebApp 全屏模式 -->
隐藏状态栏/设置状态栏颜色：只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
不同浏览器
<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
<meta name="HandheldFriendly" content="true">
<!-- 微软的老式浏览器 -->
<meta name="MobileOptimized" content="320">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">
优先使用 IE 最新版本和 Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- 关于X-UA-Compatible -->
<meta http-equiv="X-UA-Compatible" content="IE=6" ><!-- 使用IE6 -->
<meta http-equiv="X-UA-Compatible" content="IE=7" ><!-- 使用IE7 -->
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
浏览器内核控制：国内浏览器很多都是双内核（webkit和Trident），webkit内核高速浏览，IE内核兼容网页和旧版网站。而添加meta标签的网站可以控制浏览器选择何种内核渲染。
<meta name="renderer" content="webkit|ie-comp|ie-stand">
转码申明：用百度打开网页可能会对其进行转码（比如贴广告），避免转码可添加如下meta
<meta http-equiv="Cache-Control" content="no-siteapp" />
相关文章：