HTML - http-equiv 属性



HTML http-equiv 属性,用于为文档的元数据指定 HTTP 标头,通常用于控制浏览器或服务器的行为。此属性被命名为 http-equiv,因为所有允许的值都是特定 HTTP 标头的名称。

如果 http-equiv 属性的值设置为刷新,并且 content 属性接受任何网站或页面的时间间隔和 URL,则它将刷新页面并在时间间隔后将其重定向到给定的 URL。仅当 content 属性包含非负值时,刷新指令才指定应重新加载页面之前的秒数。

语法  


<meta http-equiv = "value"></meta>

以下是 http-equiv 支持的值列表

  • 内容安全策略
  • 内容类型
  • 默认样式
  • X-UA 兼容
  • 刷新

适用于

下面列出的元素允许使用 HTML http-equiv 属性

元素 描述
<meta> HTML <meta>标签用于向网页添加元数据。

HTML http-equiv 属性的示例

以下示例将说明 HTML http-equiv 属性,我们应该在何处以及如何使用此属性!

使用“http-equiv”属性刷新网页

在以下示例中,HTML 'http-equiv' 属性在 <meta> 元素中使用来定义 pragma 指令。我们将字符串“refresh”指定为此属性的值,该属性定义页面应相对于时间间隔进行刷新。


<!DOCTYPE html>
<html lang="en">

<head>
	 <!--http-equiv attribute-->
	 <meta http-equiv="refresh" content="10">
	 <title>HTML 'http-equiv' attribute</title>
</head>

<body>
	 <h3>
			Example of the HTML 'http-equiv' attribute
	 </h3>
	 <p>
			The page should be refreshed automatically 
			with respect to the time interval.
	 </p>
</body>

</html>

在特定时间后重定向网页

考虑另一种情况,我们将在 <meta> 标签中使用 'http-equiv' 属性,在一定时间间隔后将当前网页重定向到不同的页面。


<!DOCTYPE html>
<html lang="en">
<head>
	 <!-- HTML http-equiv Attribute-->
	 <meta 
			http-equiv="refresh" 
			content="5;url=/html/html_overview.htm" >
	 <title>HTML 'http-equiv' attribute</title>
</head>
<body>
	 <h3>HTML 'http-equiv' Attribute</h3>
	 <p>
			The page will redirect to the HTML Introduction 
			website after 5 seconds.
	 </p>
</body>
</html>

支持的浏览器

浏览器 Chrome Edge Firefox Safari Opera
是否支持 Yes Yes Yes Yes Yes