HTML | 内容属性

在 HTML 中，内容属性（Content Attributes）是指用于定义元素的内容的属性。它们是在开始标签中定义的，并且通常形式为“name="value"”。常见的内容属性包括 alt、title 和 href 属性。

常用的内容属性

以下是一些常用的内容属性：

• alt：用于为图片指定备用文本（Alternative Text），当图像无法显示时，将显示此文本。例如：

  <img src="image.jpg" alt="A beautiful sunset">
  

• title：用于为元素提供附加信息，通常会在鼠标悬停时显示出来。例如：

  <a href="http://www.google.com" title="Go to Google">Google</a>
  

• href：用于指定链接的目标 URL。例如：

  <a href="http://www.google.com">Google</a>
  

• src：用于指定图像或其他媒体文件的 URL。例如：

  <img src="image.jpg">
  

• style：用于指定元素的行内样式。例如：

  <p style="color: red;">This text is red.</p>
  

• class：用于为元素指定一个或多个类名。例如：

  <p class="important">This text is important.</p>
  

• id：用于为元素指定一个唯一的标识符。例如：

  <div id="header">This is the header.</div>
  

自定义内容属性

虽然 HTML 中已经有大量的标准内容属性，但有时您可能需要定义自己的内容属性来扩展 HTML。这些自定义属性可以在 JavaScript 中使用，并且可以用于各种任务，例如跟踪分析或样式设置。

自定义内容属性应该以“data-”作为前缀。例如，如果您想要为一个元素定义一个自定义属性来存储它的说明文本，那么您可以这样添加一个 data-description 属性：

<div data-description="This is a description.">...</div>

然后，在 JavaScript 中，您可以使用 dataset 属性来访问这些自定义属性：

var description = element.dataset.description;

总结

内容属性是在 HTML 开始标签中定义的属性，用于定义元素的内容。常见的内容属性包括 alt、title 和 href 属性，但您也可以定义自己的自定义属性以扩展 HTML，并使用 dataset 属性在 JavaScript 中访问它们。