HTML Meta标签

前端 / 123人浏览 / 0人评论

1、控制浏览器缓存


当我们访问网页,本地缓存可以让我们提高访问该页面的速度。有时候,你可能会发现,你再次访问的页面没有得到更新,这是因为浏览器显示缓存页面。如果,你想这种事情不再发生,通过使用Meta标签禁用浏览器缓存,可以解决。代码如下:


<meta http-equiv="Cache-Control" content="no-store" />


以上代码在主流浏览器上都可以使用。可以使用更多的值和规范禁用缓存:


<meta http-equiv="Cache-Control" content="no-store" />

<meta http-equiv="Pragma" content="no-store" />


你也可以设置一个截止日期,以确保浏览器将显示来自服务器的文件,而且是最新内容,而不是缓存中的。


<meta http-equiv="expires" content="Fri,18 Jul 2014 1:00:00 GMT" />


上面的代码意思是,指定的日期和时间文件过期时间。


2、设置cookie


和缓存相似,cookies你在浏览器访问过的网站的一小块数据存储信息。现在很多网站都会使用cookie,最典型的例子,就是,我们在很多网站上看到不断变换的广告。如果你在百度上搜索了某商品,那么他就会被存储下来,一般来说都会存储1-7天,也有可能更长。


设置cookie,你可以使用下面的代码:


<meta http-equiv="Set-Cookie" content="name=data;path=path;expires=Day,DD-MMM-YY HH:MM:SS ZOME" />


name=data 是cookie名称,由设置的值决定。反之,expired表示cookie到期后删除的时间。如果把过期时间设置为空,你关掉浏览器,cookie就会被清空。


举个例子,我想把cookie过期时间设置为2015年1月31日:


<meta http-equiv="Set-Cookie" content="name=data;path=path;expires=Thursday,01-Jan-2015 00:00:00 GMT" />


3、刷新网页


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


<meta http-equiv="refresh" content='5' />


4、重定向


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


<meta http-equiv="refresh" content="5;url=http:www.baidu.com" />


0 条评论

还没有人发表评论

发表评论 取消回复