HTML-属性

“HTML 属性”是用于提供 HTML 元素附加信息的键值对结构，通常写在标签的开始标签中。它们的基本语法如下：

<element 属性名="属性值">内容</element>

常见的 HTML 属性

属性名	说明	示例
id	唯一标识，用于在 CSS 或 JavaScript 中引用该元素	<div id="header"></div>
class	分类，用于分组或样式绑定，多个类名用空格分隔	<p class="text bold"></p>
style	内联样式，直接写 CSS 样式	<span style="color:red;"></span>
title	鼠标悬停时显示的提示文本	<a title="点击我">链接</a>
href	超链接地址，用于 <a> 标签	<a href="https://example.com">Example</a>
src	图片或媒体资源地址，用于 <img>、<video> 等	<img src="logo.png" />
alt	图片加载失败时显示的文本	<img src="img.jpg" alt="描述" />
type	指定元素的类型，如 <input>、<script> 等	<input type="text" />
value	<input> 或 <option> 等元素的默认值	<input type="text" value="默认内容" />
disabled	禁用该元素（布尔属性）	<button disabled>禁用按钮</button>
checked	设置复选框或单选框为选中状态（布尔属性）	<input type="checkbox" checked />
readonly	设置只读，不可更改输入内容（布尔属性）	<input type="text" readonly />
placeholder	占位符，显示在输入框为空时的提示文字	<input placeholder="请输入..." />
name	表单控件的名称，用于提交数据时作为键	<input name="username" />
target	链接打开方式，如 _blank 在新窗口打开	<a href="..." target="_blank">跳转</a>

布尔属性（Boolean Attributes）

这类属性的存在本身就表示为 "true"，例如：

<input type="checkbox" checked />
<!-- checked 存在，表示这个复选框是选中的 -->

等价于：

<input type="checkbox" checked="checked" />