HTML 属性

属性为 HTML 元素提供附加信息。它们写在开始标签中，格式为 属性名="属性值"：

<p lang="zh-CN" class="intro">这是一段介绍文字。</p>
<img src="photo.jpg" alt="一张照片" width="400">

• lang 指定内容的语言
• class 为元素添加样式类名
• src 指定图片路径
• alt 提供图片的替代文本
• width 设置图片宽度

属性的通用规则

• 属性写在开始标签的标签名之后，用空格分隔
• 属性值用双引号包裹（单引号也可以，但双引号是惯例）
• 可以同时写多个属性，用空格分开

<input type="text" name="username" placeholder="请输入用户名" required>

布尔属性

有些属性不需要值，它们的存在就代表”开启”。这类属性称为布尔属性：

<input type="checkbox" checked>
<button disabled>不可点击</button>
<option selected>默认选中</option>

也可以显式写上 checked="checked" 等，效果相同，但简写形式更常见。

全局属性

以下属性可以用在几乎所有 HTML 元素上：

<p id="intro" class="highlight" title="这是简介" lang="zh-CN">
  一段带有多个全局属性的文字。
</p>

自定义 data-* 属性

data-* 属性允许你在元素上存储自定义数据，供 JavaScript 或 CSS 使用：

<div data-user-id="42" data-role="admin">
  用户信息卡片
</div>

data- 后面的部分可以任意命名。通过 JavaScript 的 dataset 属性可以读取这些值（进阶教程中会涉及）。