meta是html中的一个辅助标签,位于<head>与<title>之间,它能提供用户不可见的信息,数据结构为键值对
meta标签格式<meta http-equiv/name= "" content= "">
主要分为两种类型: http-equiv与name
---------------------------------------------------------------------------------------------------------------------
http-equiv(标题信息):
1.expires(期限):网页在缓存中到期时间,一旦网页过期,发出请求时必须从服务器调阅
eg: <meta http-equiv= "expires" content= "Wed, 20 Jun 2007 22:33:00 GMT">
注:必须使用GMT时间格式或0
2.pragma(编译):禁止浏览器从本机缓存中调阅页面内容,网页不保存在缓存中,每次访问都刷新页面,无法脱机浏览
eg: <meta http-equiv= "pragma" content= "no-cache">
cache-control (缓存控制):pragma no-cache与cache-control no-cache效果一致,前者可应用到http 1.0和http 1.1 后者晚出现,只能应用到1.1
3.refresh(刷新):自动刷新页面或指向新页面
eg: <meta http-equiv= "refresh" content= "10"> //每隔10秒刷新
<meta http-equiv= "refresh" content= "10; url= a.html"> //10秒后跳转
4.set-cookie(创建一个Cookie)
eg: <meta http-equiv= "set-cookie" content= "cookievalue=xxx;expires=Wednesday, 20-Jun-2016, 7 22:33:00 GMT;path= /">
注: 只能使用GMT时间;
当浏览器打开此页面时会将其存入缓存中,下次访问时就直接从缓存中读取,以提高速度,若网页缓存过期,那么此cookie也将被删除
5.window-target (显示窗口的设定):强制页面在当前窗口以独立页面显示,用来防止别人再框架内调用自己的页面
eg:<meta http-equiv= "window-target" content= "_top">
注:content可为_blank、_top、_self、_parent
6.content-type(字符集设定):设定网页使用的字符集
eg: <meta http-equiv= "content-type" content= "text/html; charset=gb2312">
--------------------------------------------------------------------------------------------------------------------------------------------------------------
name(页面描述信息)
各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果
1.keywords(关键字):为搜索引擎提供关键字
eg:<meta name= "Keywords" content= "aa,bb,cc">
注:meta的通常用处是置顶搜索引擎用来提供搜索质量的关键词,当多个meta元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果;
关键词直接用‘,’隔开
2.description(描述):告诉搜索引擎你的网站的主要内容
eg: <meta name= "description" content= "相关描述">
3.robots(机器人向导): 用来告诉搜索机器人哪些页面需要索引,哪些不需要
4.author(作者):标明网页的作者
eg: <meta name= "author" content= "炎泽">
注:作者或制作组或email
5.viewport:指定用户是否可以缩放页面以及缩放比例
eg: <meta name=”viewport” content=”width=240, height=320, user-scalable=yes, initial-scale=2.5, maximum-scale=5.0, minimun-scale=1.0”>
注: width height 指定视区的逻辑宽度、逻辑高度,可为数字为单位的数字,也可为特殊标记符号,常用的device-width:视区逻辑宽度为设备宽度
user-scalable:是否可以缩放视图 yes能 no不能
initial-scale:初始缩放比例
maximum-scale=5.0, minimun-scale:最大/最新缩放比例(0.25~10)
属性间用','隔开
6.app-mobile-web-app-capable:删除苹果浏览器默认的工具栏和菜单栏
eg:<meta name="apple-mobile-web-app-capable" content="yes">
7.apple-mobile-web-app-status-bar-style: 控制状态栏显示样式
eg: <meta name="apple-mobile-web-app-status-bar-style" content="black">
6.copyright(版权)
6.generator(编辑器)
7.revist-after(重访)