浏览器meta标签属性及用法-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_60654563/article/details/137241034

<meta> 标签是一种用于在 HTML 文档头部提供元数据的标签。位于 <head> 标签内，用于向浏览器和搜索引擎提供关于网页的信息，而不是直接展示给用户.。

meta标签共有两个属性，它们分别是http-equiv属性和name属性，

一、http-equiv

1、expires (过期控制作用于`proxies)

一旦网页过期，本地缓存将失效，必须重新从服务器读取信息！

<meta http-equiv="expires" content="Fri,12 Jan 2001 18:18:18 GMT">

<meta http-equiv="expires" content="0">//表示网页在本地缓存0秒后就过期了

expires是HTTP/1.0的字段，但是现在浏览器默认使用的是HTTP/1.1，到了HTTP/1.1，Expire已经被Cache-Control替代，原因在于Expires控制缓存的原理是使用客户端的时间与服务端返回的时间做对比，那么如果客户端与服务端的时间因为某些原因（例如时区不同；客户端和服务端有一方的时间不准确）发生误差，那么强制缓存则会直接失效，这样的话强制缓存的存在则毫无意义，到了HTTP/1.1，Expire已经被Cache-Control替代

在HTTP/1.1中，Cache-Control是最重要的规则，主要用于控制网页缓存，主要取值为

    public：所有内容都将被缓存（客户端和代理服务器都可缓存）
    private：所有内容只有客户端可以缓存，Cache-Control的默认取值
    no-cache：客户端缓存内容，但是是否使用缓存则需要经过协商缓存来验证决定
    no-store：所有内容都不会被缓存，即不使用强制缓存，也不使用协商缓存
    max-age=xxx (xxx is numeric)：缓存内容将在xxx秒后失效