HTML 属性
在 HTML 中，属性是 HTML 元素提供的附加信息。
属性通常出现在 HTML 标签的开始标签中，用于定义元素的外观、行为、内容或其他特性。
HTML 属性实例
属性总是以 name="value" 的键值对形式写在标签内，name 是属性的名称，value 是属性的值。
<img src="/uploads/20250304/20250304101901.jpeg" alt="这是一张示例图片">- <img>是 HTML 元素。
- <src>是<img>的属性，指定了图片的源文件路径。
- <alt>是<img>的属性，提供了图片的替代文本，当图片无法显示时会显示这段文本。
HTML 常见属性
以下是开发 HTML 页面时，常用的 HTML 属性列表。
1. 全局属性
全局属性是所有 HTML 元素都可以使用的属性。
id属性：为元素指定唯一的标识符。
<div id="header">This is the header</div>class属性：为元素指定一个或多个类名，用于 CSS 或 JavaScript 选择。
<p class="text highlight">This is a highlighted text.</p>style属性：用于直接在元素上应用 CSS 样式。
<p style="color: blue; font-size: 14px;">This is a styled paragraph.</p>title属性：为元素提供额外的提示信息，通常在鼠标悬停时显示。
<abbr title="HyperText Markup Language">HTML</abbr>data-*属性：用于存储自定义数据，通常通过 JavaScript 访问。
<div data-user-id="12345">User Info</div>2. 特定元素的属性
在 HTML 中，某些属性仅适用于特定的 HTML 元素。
href属性：用于<a>和<link>元素，指定链接的目标 URL。
<a href="https://www.example.com">Visit Example</a>src属性：用于<img>，<script>，<iframe>等元素，指定外部资源的 URL。
<img src="image.jpg" alt="An example image">alt属性：用于<img>元素，为图像提供替代文本，当图像无法显示时显示。
<img src="image.jpg" alt="An example image">type属性：用于<input>和<button>元素，指定输入控件的类型。
<input type="text" placeholder="Enter your name">value属性：用于<input>，<button>，<option>等元素，通常在鼠标悬停时显示。
<input type="text" value="Default Value">disabled属性：用于表单元素，禁用元素，使其不可交互。
<input type="text" disabled>checked属性：用于<input type="checkbox">和<input type="radio">元素，指定复选框或单选按钮是否被选中。
<input type="checkbox" checked>placeholder属性：用于<input type="checkbox">和<input type="textarea">元素，在输入框中显示提示文本。
<input type="text" placeholder="Enter your email">target属性：用于<a>和<form>元素，指定链接或表单提交的目标窗口或框架。
<a href="https://www.example.com" target="_blank">Open in new tab</a>3. 布尔属性
布尔属性是指不需要值的属性，它们的存在即表示 true，不存在则表示 false。
disabled属性：禁用元素。
<input type="text" disabled>readonly属性：使输入框只读。
<input type="text" readonly>required属性：指定输入字段为必填项。
<input type="text" required>autoplay属性：用于<audio>和<video>元素，自动播放媒体。
<video src="video.mp4" autoplay></video>4. 自定义属性
HTML5 引入了 data-* 属性，允许开发者自定义属性来存储额外的数据。
data-*属性：用于存储自定义数据，通常通过 JavaScript 访问。
<div data-user-id="12345" data-role="admin">User Info</div>5. 事件处理属性
HTML 元素可以通过事件处理属性来响应特定的事件，如点击、鼠标悬停等。
onclick属性：当用户点击元素时触发。
<button onclick="alert('Button clicked!')">Click Me</button>onmouseover属性：当用户将鼠标悬停在元素上时触发。
<div onmouseover="this.style.backgroundColor='yellow'">Hover over me</div>onchange属性：当元素的值发生变化时触发。
<input type="text" onchange="alert('Value changed!')">HTML 属性注意项
- 属性与属性值大小写不敏感，为提升代码可读性与规范性，建议采用标准小写书写。
- 元素可以添加多个属性，它们之间并不会产生冲突。
- 属性通常会出现在元素开始标签的尾部位置。
- 属性总是以名称/值对的形式出现，比如：name="value"。