Meta标签

<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://www.baidu.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="email=no" name="format-detection">

        使设备浏览网页时对数字不启用电话功能(不同设备解释不同,itouch点击数字为存入联系人,iphone为拨打电话),忽略将页面中的数字识别为电话号码。若需要启用电话功能将telephone=yes即可,具体调用格式可以这样书写代码<a href=”13888888888″>Call Me</a>,若在页面上面有google maps, iTunes和youtube的链接会在ios设备上打开相应的程序组件。

<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

        

猜你喜欢

转载自my.oschina.net/u/3705266/blog/1806245