HTML 属性
什么是 HTML 属性？
HTML 属性是为 HTML 元素提供额外信息的特性。
- 属性总是在 HTML 元素的开始标签中指定
- 属性通常以名称/值对的形式出现，如
name="value" - 属性值通常用引号包围，单引号或双引号都可以
HTML 属性示例
<a href="https://www.example.com">这是一个链接</a>
<img src="image.jpg" alt="图像">
<p title="这是一个提示">鼠标悬停查看提示</p>
常用的 HTML 属性
| 属性 | 描述 | 适用元素 |
|---|---|---|
| id | 为元素指定唯一标识符 | 所有元素 |
| class | 为元素指定一个或多个类名 | 所有元素 |
| style | 为元素指定内联样式 | 所有元素 |
| href | 指定链接的目标 URL | <a> |
| src | 指定图像、脚本等资源的路径 | <img>, <script>, <iframe> |
| alt | 为图像指定替代文本 | <img> |
| title | 为元素指定额外的信息 | 所有元素 |
| width | 指定元素的宽度 | <img>, <table>, <div> |
| height | 指定元素的高度 | <img>, <table>, <div> |
| placeholder | 为输入框指定提示文本 | <input>, <textarea> |
| required | 指定输入字段为必填项 | <input>, <textarea>, <select> |
| type | 指定输入字段的类型 | <input> |
| value | 指定输入字段的默认值 | <input>, <textarea>, <select> |
HTML5 自定义数据属性
HTML5 允许您创建自定义数据属性，以 data- 前缀开头。
<div data-user-id="12345" data-user-name="张三">
用户信息
</div> 属性值引号
属性值可以使用单引号或双引号包围。如果属性值本身包含双引号，则应使用单引号包围。
<p title='这是一个 "提示" 文本'>鼠标悬停查看提示</p>