移动web开发头部meta标签5种实用方法_蓝戒的博客


移动web开发头部meta标签5种实用方法

移动web开发头部meta标签5种实用方法

1、移动webAPP的Meta 视点设置:

<meta name=”viewport” content=”initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no”/>

2、在移动开发当中,屏蔽数字当作电话号码的代码:(针对苹果手机)

<meta content=”telephone=no” name=”format-detection” />

3、浏览器缓存控制

当我们在本地测试网页的时候,没有及时更新新内容,可能就是有浏览器缓存。这个时候,我们只要通过使用Meta标签禁用浏览器缓存,可以解决。通用代码如下:

<meta http-equiv=”Cache-Control” name=”no-store” />

设置缓存:<meta http-equiv="Cache-control" content="max-age=3600" />

4、网页刷新设置

你可以设置一段时间后对页面进行刷新操作。meta http-equiv=”refresh”可以指定浏览器延迟一段时间自动刷新页面。下面的meta-tag指定浏览器每5秒自动刷新一次。

<meta http-equiv=”refresh” content=”5″ />

5、设置重定向

我们可以使用refresh meta标签对页面进行重定向。下面的例子将在5秒后访问www.le9u.com

<meta http-equiv=”refresh” content=“  ‘5;url=’http://www.le9u.com’ ” />

了解更多点击:webApp开发基础之META标签详解

本文固定链接: http://www.webzsky.com/?p=249 | 蓝戒的博客

cywcd
该日志由 cywcd 于2014年10月23日发表在 html5 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 移动web开发头部meta标签5种实用方法 | 蓝戒的博客

移动web开发头部meta标签5种实用方法:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter
来自的朋友,欢迎您 点击这里 订阅我的博客 o(∩_∩)o~~~
×