meta标签

meta标签：主要用于标识网站

1. name属性表述页面文档的元信息，与之对应的属性值为content，content中的内容主要是便于搜索引擎查找信息和分类信息使用
   
   • meta name=”参数” content=”具体的参数值”
   • keywords：网页关键字
   • description：网站主要内容
   • author：网页作者
   • robots：告诉搜索哪些页面需要索引，哪些页面不需要索引
     
     • all（默认）:文件将被检索，且页面上的链接可以被查询
     • none：文件将不被检索，且页面上的链接不可以被查询
     • index：文件将被检索
     • noindex：文件将不被检索，但页面上的链接可以被查询
     • follow：页面上的链接可以被查询
     • nofollow：文件将被检索，但页面上的链接不可以被查询
2. http-equiv属性设置HTTP请求指令，相当于http的文件头作用，可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，对应的属性值为content
   
   • meta http-equiv=”参数” content=”参数变量值”
   • expires：网页的到期时间，一旦网页过期，必须到服务器上重新传输。必须使用GMT的时间格式
     <meta http- equiv="expires"content="Fri,12Jan200118:18:18GMT">
   • pragma：禁止浏览器从本地计算机的缓存中访问页面内容。设定后访问者无法脱机浏览
     <meta http-equiv="Pragma"content="no-cache">
   • refresh：自动刷新并指向新页面
     <meta http-equiv="Refresh"content="2;URL=http://www.jb51.com">(注意后面的引号，分别在秒数的前面和网址的后面)
   • set-cookie：如果网页过期，则存盘的cookie将被删除，必须使用GMT的时间格式
     <meta http-equiv="Set-Cookie"content="cookievalue=xxx;expires=Friday,12-Jan-200118:18:18GMT；path=/">
   • window-target：强制页面在当前窗口以独立页面显示，防止别人在框架里调用自己的页面
     <meta http-equiv="Window-target"content="_top">
   • content-type：设定页面使用的字符集
     <meta http-equiv="content-Type"content="text/html;charset=gb2312">
   • content-language：显示语言的设定
     <meta http-equiv="Content-Language"content="zh-cn"/>
   • cache-control：指定请求和响应遵循的缓存机制；在请求消息或响应消息中设置cache-control并不会修改另一个消息处理过程中的缓存处理过程
     
     • no-cache：指示请求或响应消息不能缓存
     • no-store：用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不适用缓存
     • max-age：指示客户机可以接收生存期不大于指定时间（以秒为单位）的响应
     • min-fresh：指示客户机可以接收响应时间小于当前时间加上指定时间的响应
     • max-stale：指示客户机可以接收超出超时期间的响应消息
     • public：指示响应可被任何缓存区缓存
     • private：指示对于单个用户的整个或部分响应消息，不能被共享缓存处理，这允许服务器仅仅描述当用户的部分响应消息，此响应消息对于其他用户的请求无效
3. charset设置页面的字符编码 <meta charset="utf-8">

---

常用的meta：
设置IE浏览器的兼容模式

a. <meta http-equiv="X-UA-Compatible" content="IE=8"/>
//设置chrome=1则会在IE9及以下浏览器中激活Chrome Frame，强制IE使用Chrome Frame渲染页面
b. <meta http-equiv="X-UA-Compatible" content="chrome=1">

设置页面在移动设备中的显示

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">