HTML属性 Attribute

属性是 HTML 元素提供的附加信息

属性只能出现在 HTML 标签的开始标签中，用于定义元素的行为、样式、内容或其他特性

属性总是以 name="value" 的形式写在标签内，name 是属性的名称，value 是属性的值

属性值应该始终被包括在引号内

双引号是最常用的，不过使用单引号也没有问题

在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号

属性和属性值对大小写不敏感，但是强烈建议使用小写字母！

全局属性

是所有html元素共有的属性

• id：指定元素的唯一标识符
• class：指定元素的一个或多个类名，用于 CSS 样式和 JavaScript 操作
• style：指定元素的行内样式
• title：指定元素的额外信息，通常在鼠标悬停时显示
• data-*：用于存储自定义数据属性，用于 JavaScript 操作

下面是一个全局属性的示例：

<!-- 全局属性示例 -->
<div id="myDiv" class="container" style="color: red;" title="这是一个div元素">
  这是一个div元素
</div>

<!-- 自定义属性示例 -->
<div id="myDiv" data-user-id="12345" data-role="admin">
  这是一个div元素
</div>

// 自定义属性的访问
const div = document.getElementById("myDiv");
const userId = div.dataset.userId; // "12345"
const role = div.dataset.role; // "admin"

特定属性

也有一些属性是特定于某个元素的，我们会在后续的标签介绍中详细介绍

布尔属性

布尔属性是指没有值的属性，它的存在与否表示了某个特性的开启或关闭

• disabled：禁用元素，用户无法交互
• readonly：输入框或文本区域只读，用户无法编辑
• required：输入框或文本区域必填，不能为空
• autoplay：视频或音频自动播放

事件处理属性

• onclick：点击元素时触发
• onmouseover：鼠标悬停在元素上时触发
• onmouseout：鼠标移出元素时触发
• onkeydown：按下键盘键时触发
• onkeyup：释放键盘键时触发