html attr属性

HTML 属性（Attributes）是 HTML 元素中用于提供额外信息或配置元素的键值对。它们通常以 `属性名="属性值"` 的形式出现在元素的开始标签中。以下是关于 HTML 属性的详细说明和常见用法：

一、基本语法

html

<元素名 属性名1="属性值1" 属性名2="属性值2">内容

二、常见全局属性

以下属性适用于所有 HTML 元素：

| 属性 | 说明 |

||-|

| `id` | 唯一标识元素，用于 CSS 或 JavaScript 操作。 |

| `class` | 为元素指定类名，用于 CSS 或 JavaScript 批量操作。 |

| `style` | 直接定义内联 CSS 样式（优先级高，但建议用外部 CSS）。 |

| `title` | 鼠标悬停时显示的提示文本。 |

| `lang` | 定义元素内容的语言（如 `lang="en"`）。 |

| `data-` | 自定义数据属性（如 `data-user-id="123"`），用于存储额外信息。 |

| `hidden` | 隐藏元素（布尔属性，存在即生效）。 |

| `contenteditable` | 使元素内容可编辑（如 `contenteditable="true"`）。 |

三、常用元素特有属性

不同元素有特定的属性，例如：

1. 链接 ``

链接

2. 图片 ``

html

3. 表单元素 ``

html

4. 列表 `

` 和 `
`

html

3. 项目1
4. 项目2

四、布尔属性

布尔属性只需存在即生效，无需指定值（如 `disabled`, `checked`, `readonly`）：

html

不可点击

五、自定义数据属性 `data-`

用于在 HTML 中存储自定义数据，通过 JavaScript 或 CSS 访问：

html

六、事件处理属性

用于触发 JavaScript 代码（如 `onclick`, `onmouseover`），但更推荐通过 JS 绑定事件：

html

点击

七、注意事项

1. 引号省略：属性值可以不加引号（如 `id=myId`），但包含空格时必须加引号。

2. 大小写不敏感：HTML 属性名不区分大小写（习惯小写）。

3. 属性值转义：若属性值包含 `"`，需转义为 `"` 或改用单引号。

示例汇总

html

src="photo.png

alt="风景图

class="thumbnail

data-category="nature

style="border: 1px solid ccc;

掌握 HTML 属性是编写语义化和功能性页面的关键！