21世纪网：利用meta实现定时刷新，清除缓存保证每次加载最新数据等功能

最新推荐文章于 2024-06-17 16:53:23 发布

原创最新推荐文章于 2024-06-17 16:53:23 发布 · 2.3k 阅读

2 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

23 篇文章

订阅专栏

本文详细解析了Meta标签的应用，包括设置页面自动刷新、禁止浏览器缓存、定义网页关键字及描述等内容，帮助读者理解如何利用Meta标签优化网站。

meta还是有很大用处的，可以好好利用。21世纪网首页的head中有如下：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="refresh" content="900" />
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">

<meta name="keywords" content="上市公司,股票,IPO,新股,基金,房产,汽车,财经频道,21世纪网,21世纪经济报道" />
<meta name="description" content="21世纪网是21世纪报系旗下的专业财经网站,主打财经新闻、独家专题和深度策划,并有机整合《21世纪经济报道》、《理财周报》、《21世纪商业评论》等21报系资源，下设财经、金融、机构、政经、科技、房产、汽车、图片等20多个频道。" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta property="qc:admins" content="21230604566213206375" />

——<meta http-equiv="refresh" content="900" />就是实现900秒刷新一次。

——以下代码保证每次用户都从服务器读取数据，保证是最新的数据。

//不允许从缓存中读取加载页面，意味着只能从服务器加载
<meta http-equiv="Pragma" content="no-cache">
//和上一句类似
<meta http-equiv="no-cache">
//页面直接过期，过期了也就意味着只能重新加载
<meta http-equiv="Expires" content="-1">
//向服务器请求加载时不要求缓存
<meta http-equiv="Cache-Control" content="no-cache">

——是否支持兼容web应用

<meta name="apple-mobile-web-app-capable" content="yes">

——利用第三方登陆（QQ）的API代码。申请通过后，把这一句放在首页的head中即可。同样还有微博第三方登陆等。

<meta property="qc:admins" content="21230604566213206375" />

更多meta标签，参考：http://www.jb51.net/web/70787.html

更多web应用支持，参考：http://www.cssue.com/xhtml-css/html5-css3/mobile-meta.html