<meta http-equiv="参数" content="参数变量值">
1、<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
content-Type(显示字符集的设定) ,说明:设定页面使用的字符集。
2、<meta http-equiv="Cache-Control" content="no-cache"/>
清除缓存(再访问这个网站要重新下载!)
Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached,响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下
Public指示响应可被任何缓存区缓存 Private指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效 no-cache指示请求或响应消息不能缓存 no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。 max-age指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应 min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应 max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。3、<meta http-equiv="Expires" content="0"/>
设定网页的到期时间
4、<meta http-equiv="Pragma" content="no-cache"/>
是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出
5、<meta http-equiv="Refresh" content="2;URL=http://wwwbaidu.com/">
Refresh(刷新) 自动刷新并指向新页面。
6、<meta http-equiv="Cache-Control" content="no-store"/>
强制缓存在任何情况下都不要保留任何副本
7、<meta http-equiv="Pics-label" contect="">
Pics-label(网页等级评定)
8、<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
关键字,给搜索引擎用的
<meta name="viewport" content="width=device-width, height=device-height,initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
1、width - viewport的宽度
2、height - viewport的高度
3、initial-scale - 初始的缩放比例
4、minimum-scale - 允许用户缩放到的最小比例
5、maximum-scale - 允许用户缩放到的最大比例
6、user-scalable - 用户是否可以手动缩放
<meta content="telephone=no,email=no,adress=no" name="format-detection">
1、telephone
你明明写的一串数字没加链接样式,而iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号!想去掉这个拨号链接该如何操作呢?这时我们的meta又该大显神通了,代码如下:
telephone=no就禁止了把数字转化为拨号链接!
telephone=yes就开启了把数字转化为拨号链接,要开启转化功能,这个meta就不用写了,在默认是情况下就是开启!2、email
告诉设备不识别邮箱,点击之后不自动发送,email=no禁止作为邮箱地址!email=yes就开启了把文字默认为邮箱地址,这个meta就不用写了,在默认是情况下就是开启!
3、adress
adress=no禁止跳转至地图!adress=yes就开启了点击地址直接跳转至地图的功能,在默认是情况下就是开启!
<meta content="yes" name="apple-mobile-web-app-capable">
网站开启对web app程序的支持
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
1、在web app应用下状态条(屏幕顶部条)的颜色;
2、默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。
3、若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)