<meta http-equiv="cache-control" content="max-age=604800"> 是 HTML 文档中用于控制浏览器缓存的元标签。以下是详细说明及示例:

说明:

  1. 作用:通过 http-equiv="cache-control" 模拟 HTTP 响应头,设置浏览器缓存行为。

  2. 参数

    • max-age=604800:定义资源在浏览器缓存中的有效期(秒),604800秒 = 7天。

  3. 效果:页面或资源在7天内会被浏览器优先从本地缓存加载,而非重新请求服务器。

示例:

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="cache-control" content="max-age=604800">
  <title>缓存示例页面</title>
</head>
<body>
  <p>此页面将被浏览器缓存7天。</p>
</body>
</html>

注意事项:

  1. 优先级低于服务器端设置的 HTTP 头(如 Apache/Nginx 的 Cache-Control)。

  2. 静态资源(如 CSS/JS)通常直接在服务器配置缓存。

  3. 动态内容(如用户数据)应避免使用长期缓存。

本篇文章内容来源于:cache-control 浏览器缓存行为