参考资料

  1. HTML 表格的嵌套
  2. HTML 注释详解
  3. Html过滤工具有哪些
  4. Html/JS互转有哪些
  5. Html转JS有哪些
  6. html内嵌框架标签详细说明以及案例
  7. HTML 常用1600 万种不同颜色颜色代码表
  8. 禁用开发者工具的多种方法

cache-control 浏览器缓存行为

<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. 动态内容（如用户数据）应避免使用长期缓存。