HTML 属性学习笔记

在 HTML 中,元素可以包含属性(attributes),属性提供了有关元素的更多信息。一个属性定义了该元素的额外信息,而这个信息在没有它们的情况下是不可能获得的。

常见属性

class 属性

class 属性用于给元素指定一个或多个类名,类名之间用空格分隔。例如:

htmlCopy Code
<p class="font-size-large text-center">这是一个段落。</p>

id 属性

id 属性用于给元素指定一个唯一的标识符。例如:

htmlCopy Code
<h1 id="main-heading">这是一个标题。</h1>

href 属性

href 属性用于指定链接目标的 URL。例如:

htmlCopy Code
<a href="https://www.example.com">这是一个链接。</a>

src 属性

src 属性用于指定图像、视频、音频等媒体文件的 URL。例如:

htmlCopy Code
<img src="image.jpg" alt="这是一个图像。">

alt 属性

alt 属性用于为图像添加一个替代文本,在图像无法显示时显示该文本。例如:

htmlCopy Code
<img src="image.jpg" alt="这是一个图像。">

自定义属性

除了上述常见属性之外,还可以定义自己的属性。但是,应该遵循以下规则:

  • 自定义属性应该以 data- 开头。
  • 自定义属性的名称应该描述该属性提供的信息。

例如:

htmlCopy Code
<div data-author="John Doe" data-title="My Blog Post">这是一个带有自定义属性的 div 元素。</div>

以上就是 HTML 属性学习笔记的全部内容。