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 |