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:

  1. "_blank" :在浏览器新的窗口中打开
  2. "_parent" :嵌入到上一层的框架中,在当前窗口中打开
  3. "_self" :在同一框架或窗口中打开(同个页面中打开)
  4. "_top" :在当前的整个浏览器窗口中打开,删除所有框架,在顶部打开

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

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

6、content-Type(显示字符集的设定)

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

  • 字符集的信息参数有:
  1. gb2312:简体中文
  2. BIG5:繁体中文
  3. iso-2022-jp:日文
  4. ks-c-5601:韩文
  5. ISO-8859-1:英文
  6. UFT-8:世界通用的语言编码
7、Content-Language(显示语言的设定)

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

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

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐