来看以下有趣的代码，

<!DOCTYPE html>

<html lang="en">

  <head>

    <meta http-equiv="refresh" content="1" />

    <title>refresh every 1 s</title>

  </head>

  <body>

    <script>

      document.write(new Date())

    </script>

  </body>

</html>

将其保存成 HTML 文件用浏览器打开后，页面每隔 1 秒自动刷新。

这里使其进行刷新操作的是 http-equiv="refresh" meta 标签。

<meta http-equiv="refresh" content="1" />

那么什么是 http-equiv meta 标签具体是什么，还有哪些有用的值。

<meta> 标签

首先 <meta> 标签用来表示其他元素（譬如 <base>, <link>, <script>, <style>, <title>）无法呈现的网页元数据，其身上可使用的属性有：

  • charset：指定页面编码，值可以是任意合法的 标准 IANA MIME 字符编码名称
  • content：包含 http-equiv 的值。
  • http-equiv：其定义的字段相当于同名的 http header。不过并不能通过它定义所有的响应头，只包含以下这些：
    • content-language 已废弃
    • content-security-policy
    • content-type 已废弃
    • refresh
    • set-cookie 已废弃
  • name：通过 name 定义一些常用的元数据值，比如 viewport，robots，creator 等。
  • scheme：已废弃

http-equiv

如上，http-equiv 只是 <meta> 标签的一种属性，与同名 http 响应头功能一样。

最典型的，CSP（Content Security Policy） 除了可通过在响应头中进行配置外，另一种方式便是使用 http-equiv meta 标签，譬如：

<meta http-equiv="Content-Security-Policy" content="default-src 'self'">

等价于：

Content-Security-Policy: default-src 'self';

表示网页只信任并加载同域资源。

相关资源

`http-equiv` meta 标签的更多相关文章

  1. meta标签用法总结

    注:本文并非本人撰写,摘自百度百科 meta标签用来描述一个HTML网页文档的属性,例如作者.日期和时间.网页描述.关键词.页面刷新等. 一.作用:       META标签是HTML标记HEAD区的 ...

  2. HTML meta标签总结与属性使用介绍

    之前学习前端中,对meta标签的了解仅仅只是这一句. <meta charset="UTF-8"> 但是打开任意的网站,其head标签内都有一列的meta标签.比如我博 ...

  3. PC端meta标签

    下面介绍meta标签的几个属性,charset,content,http-equiv,name. 一.charset 此特性声明当前文档所使用的字符编码,但该声明可以被任何一个元素的lang特性的值覆 ...

  4. html meta标签使用总结（转）

    之前学习前端中,对meta标签的了解仅仅只是这一句. <meta charset="UTF-8"> 但是打开任意的网站,其head标签内都有一列的meta标签.比如我博 ...

  5. HTML中meta标签的作用与使用

    META标签用来描述一个HTML网页文档的属性 META标签可分为两大部分:HTTP-EQUIV和NAME变量. HTTP实例 HTML代码实例中有一项内容是 <meta http-equiv= ...

  6. 基础复习之HTML （meta标签、块级元素与行内元素）

    一.meta标签 SEO 如何在不使用JS的情况下刷新页面(http-equiv="refresh" , content="time") 设置页面缓存 移动端设 ...

  7. meta标签

    参考:http://www.jb51.net/web/158860.html META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME). 一.HTTP标题信息(HTT ...

  8. Asp.net 后台添加CSS、JS、Meta标签

    Asp.net 后台添加CSS.JS.Meta标签的写法,我这里写成函数方便以后使用.如果函数放在页面类中, Page参数也可以不要. 首先导入命名空间 using System.Web.UI.Htm ...

  9. 浏览器内核控制Meta标签说明文档【转】

    背景介绍 由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲 ...

  10. HTML <meta> 标签，搜索引擎

    关于Mate标签的详尽解释,请查看w3school 网址为:http://www.w3school.com.cn/tags/tag_meta.asp meta标签作用 META标签是HTML标记HEA ...

随机推荐

  1. session与cookie的介绍和两者的区别之其相互的关系

    转:https://blog.csdn.net/weixin_37196194/article/details/55806366 本文分别对Cookie与Session做一个介绍和总结,并分别对两个知 ...

  2. Java泛型之上、下界通配符的理解(适合初学)

    泛型的由来 为什么需要泛型   Java的数据类型一般都是在定义时就需要确定,这种强制的好处就是类型安全,不会出现像弄一个ClassCastException的数据给jvm,数据安全那么执行的clas ...

  3. redis数据类型--set

    set是String的一个无序集合,最大存储量2^32-1(大概40多亿) 1.操作命令:(xxx可以是任意字符串) sadd xxx a b c d e (添加一个或多个) smembers xxx ...

  4. 自定义 cell

    自定义 cell 1 什么是自定义 cell 自定义 cell 即 tableView,collectionView,scrollView中的 cell 使用的时候不能满足我们使用 cell 的需求, ...

  5. [TimLinux] MySQL InnoDB的外键约束不支持set default引用选项

    1. 外键 MySQL的MyISAM是不支持外键的,InnoDB支持外键,外键是MySQL中的三大约束中的一类:主键约束(PRIMARY KEY),唯一性约束(UNIQUE),外键约束(FOREIGN ...

  6. UVA-11107 Life Forms(求出现K次的子串，后缀数组+二分答案)

    题解: 题意: 输入n个DNA序列,你的任务是求出一个长度最大的字符串,使得它在超过一半的DNA序列中出现.如果有多解,按照字典序从小到大输入所有解. 把n个DNA序列拼在一起,中间用没有出现过的字符 ...

  7. BZOJ 3108: [cqoi2013]图的逆变换

    3108: [cqoi2013]图的逆变换 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 627  Solved: 415[Submit][Statu ...

  8. python金融应用（二）基本数据类型和结构

    一.基本数据类型 1.整形 a=10 type(a) Out[75]: int a.bit_length() #字节长度Out[76]: 4 整形相除会返回整形,想要返回浮点数,需要用浮点数相除1./ ...

  9. 新手学习FFmpeg - 如何编写Kubernetes资源文件

    Kubernetes API的使用方式 Kubernetes API属于声明式API编程, 它和常用的命令式编程有一些区别. 通俗的说,命令式编程是第一人称,我要做什么,我要怎么做. 操作系统最喜欢这 ...

  10. Nios II的Boot过程分析

    目录 1       概述....................................................................... 1 2       几种常见的 ...