移动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’ ” />