html—meta标签中的http-equiv属性

咸芝麻鱼

已于 2023-12-14 11:49:36 修改

阅读量544

点赞数 3

分类专栏： Java Web 文章标签： html 前端

于 2023-10-02 23:56:59 首次发布

本文链接：https://blog.csdn.net/Qj60776671/article/details/133501526

版权

Java Web 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

http-equiv：向浏览器中回传一些有用的信息，更好地显示网页中的内容，对应的属性值是content，

content：表示各个参数的变量

语法格式：

<meta http-equiv="参数类型" content="参数的变量">

参数类型：

1、Expires(期限)

：用于设置网页到期时间，一旦网页过期，则必须到服务器上重新传输。

用法：<meta http-equiv="Expires" content="Mon,12 May 2001 23:36:00 GMT">

* content包含：星期，日月年时:分:秒 GMT（这里的GMT为时间格式，在此类型中必须使用GMT时间格式）

2、Pragma（cache模式）

：禁止浏览器从本地计算机的缓存中访问页面内容（这样设定，访问者将无法脱机浏览）

用法：<meta http-equiv="Pragma" content="no cache">

* 禁止浏览器从本地计算机的缓存中访问页面内容的方式有几种：

（1）通过设置HTTP响应头信息来控制缓存

Cache-Control： no-cache - 这个字段指示浏览器不要缓存响应的内容。
Cache-Control： no-store - 这个字段指示浏览器不要缓存响应的内容，并且不要在本地存储副本。

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

（2）在HTML文档中使用meta标签来控制缓存。可以在<head>标签内添加以下meta标签

这些设置将告诉浏览器不要缓存页面的内容，每次请求都会从服务器获取最新的内容。

3、Refresh

：自动刷新并指向新的页面

用法：<meta http-equiv="Refresh" content="2;URL=http://www.baidu.com">

*其中的2是指停留2秒自动刷新到URL网址，在引号的前面

4、Set-Cookie（cookie设定）

：如果网页过期，那么存盘的cookie将被删除

cookie：小型文本文件，指某些网站为了辨别用户身份而储存在用户本地终端上的数据（通常经过加密）
e.g 在网站上输入并保存过用户名和密码

用法：<meta http-equiv="Set-Cookie" content="cookie value=xxx;expire=Friday，12-Jan-2023 23:51:00 GMT; path= /">

* path：指向与Cookie关联的web网页

如在一个网站中的导航页面（网站首页）建了一个Cookie，则在该网站下的目录/子目录的所有页面都可以访问这个Cookie
若目录下的页面想访问导航页面（网站首页），这时将path的属性设置为" /"，在指定路径时，只要是来自同一个服务器，URL里有相同路径的所有WEB页面都可以共享cookies。

* 硬盘中的Cookies文件可以被web浏览器读取，命名格式为：用户名@网站地址[数字].txt

e.g xianyu@163[1].txt

* value指向设置cookie的xxx内容，在此类型也必须使用GMT时间格式

5、Window-target（显示窗口的设定）

：强制页面在当前窗口以独立页面展示

* target：

"_blank" ：在浏览器新的窗口中打开
"_parent" ：嵌入到上一层的框架中，在当前窗口中打开
"_self" ：在同一框架或窗口中打开（同个页面中打开）
"_top" ：在当前的整个浏览器窗口中打开，删除所有框架，在顶部打开

用法：<meta http-equiv="Window-target " content="-top">

*用于防止他人在框架里调用自己的页面

6、content-Type（显示字符集的设定）

用法：<meta http-equiv="content -Type" content="text/html；charest=gb2312">

字符集的信息参数有：

gb2312：简体中文
BIG5：繁体中文
iso-2022-jp：日文
ks-c-5601：韩文
ISO-8859-1：英文
UFT-8：世界通用的语言编码

7、Content-Language（显示语言的设定）

用法：<meta http-equiv="Content-Language" content="zh-cn"/>

参考链接：html meta标签之http-equiv - 知乎 (zhihu.com)