HTML - content 属性_HTML 菜鸟教程

HTML content 属性用于显示/包含 name 或 HTTP-equiv 属性的值，具体取决于所使用的值。

此属性与 <meta> 标记一起使用。设置 HTML 文档中元元素的信息。HTTP-equiv 属性用于为 content 属性的值提供 HTTP 标头。

HTTP-equiv 属性接受一个值作为刷新。它定义了文档根据内容属性值刷新自身的时间间隔。

语法

<meta content = "text"></meta>

适用于

下面列出的元素允许使用 HTML content 属性

元素	描述
<meta>	HTML <meta> 标签用于提供此类附加信息。

HTML content 属性的示例

下面的示例将说明 HTML content 属性，我们应该在哪里以及如何使用此属性！

提及 HTML 文档的内容

在以下示例中，我们使用了 meta 标签的 content 属性来提及文档的附加信息。在运行以下代码时，输出将在网页上以项目符号格式显示列表项。

<!DOCTYPE html>
<html lang="en">
<head>
	 <meta content="Enroll course for free">
	 <title>HTML 'content' attribute</title>
</head>
<body>
	 <!--HTML 'content' attribute-->
	 <p>Example of the HTML 'content' attribute</p>
	 <h3>Course lists:</h3>
	 <ul>
			<li>HTML</li>
			<li>CSS</li>
			<li>JavaScript</li>
			<li>Angular</li>
	 </ul>
</body>
</html>

用于刷新网页的 Content 属性

以下是 HTML“content”属性的另一个示例。在这里，'content' 属性在 <meta> 元素中使用，以包含 HTTP-equiv 属性的值。

我们将 'refresh' 字符串作为值分配给 HTTP-equiv 属性，该属性将刷新与时间间隔相关的文档（即内容属性值）。

<!DOCTYPE html>
<html lang="en">
<head>
	 <!--content attribute-->
	 <meta http-equiv="refresh" content="30">
	 <title>HTML 'content' attribute</title>
</head>
<body>
	 <!--HTML 'content' attribute-->
	 <p>Example of the HTML 'content' attribute</p>
	 <h1>Text within the h1 heading...</h1>
</body>
</html>

支持的浏览器

浏览器
是否支持	Yes	Yes	Yes	Yes	Yes

<< HTML - colspan 属性 HTML - coords 属性 >>