HTML - content 属性

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

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

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

语法

<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 属性，这将根据时间间隔（即 content 属性值）刷新文档。

<!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>

支持的浏览器

属性
content	是	是	是	是	是

html_attributes_reference.htm

打印页面