属性为 HTML 元素提供附加信息。
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name=“value”。
属性总是在 HTML 元素的开始标签中规定。
当然，以下是一些HTML属性的实例，这些属性被用于定义HTML元素的不同特性和设置。
class 属性：用于为HTML元素指定一个或多个类名，以便通过CSS进行样式化或通过JavaScript进行操作。
<div class=“container main-content”>
<!– 内容 –>
</div>id 属性：为HTML元素提供一个唯一的标识符，这样可以通过CSS或JavaScript单独定位和操作它。
<div id=“unique-element”>
<!– 内容 –>
</div>style 属性：允许你直接在HTML元素上应用内联CSS样式。
<p style=“color: red; font-size: 20px;”>这是一个红色的段落。</p>src 属性（通常用于<img>元素）：指定图像的URL。
<img src=“path/to/image.jpg” alt=“描述性文本”>href 属性（用于<a>元素）：定义链接的目标地址。
<a href=”https://www.example.com”>访问示例网站</a>alt 属性（通常与<img>元素一起使用）：为图像提供替代文本，以便在图像无法显示时提供信息，同时也有助于搜索引擎优化（SEO）和辅助技术（如屏幕阅读器）。
<img src=“image.jpg” alt=“描述图片的文本”>title 属性：为元素提供额外的信息，通常显示为工具提示文本。
<a href=“#” title=“点击这里了解更多”>链接</a>placeholder 属性（用于<input>元素）：在输入框中显示灰色的占位符文本，直到用户开始输入。
<input type=“text” placeholder=“请输入搜索关键词”>disabled 属性（可用于表单元素）：禁用输入字段，使其不可编辑。
<input type=“text” value=“此字段已被禁用” disabled>checked 属性（用于<input type=“checkbox”>或<input type=“radio”>）：设置复选框或单选按钮为默认选中状态。
<input type=“checkbox” checked> 我同意条款和条件
这些只是HTML中可用属性的一小部分示例。HTML元素可以有多种属性，具体取决于元素的类型和所需的功能。在开发时，应根据需要选择合适的属性来定义元素的特性和行为。
与HTML标签一样，虽然HTML属性在技术上不区分大小写，但最佳实践是使用小写属性。以下是一些使用小写属性的好处：
7}格的一致性，使代码更加整洁和统一。
7}：虽然HTML规范不区分属性大小写，但某些服务器端或客户端的解析器可能会对大小写敏感。使用小写属性可以确保最大的兼容性。
XHTML和XML兼容性：如果你计划将HTML转换为XHTML或XML，那么使用小写属性是必须的，因为XHTML和XML是区分大小写的，并且通常要求使用小写。
团队协作：在团队环境中，统一的编码风格对于代码的可维护性和清晰度非常重要。使用小写属性可以作为团队编码规范的一部分，从而提高团队协作效率。
因此，尽管HTML属性在技术上可以大写或小写，但遵循最佳实践，使用小写属性是一个好习惯。这有助于保持代码的清晰、一致和易于维护。例如：
<!– 推荐的小写属性写法 –>
<img src=“example.jpg” alt=“Example Image” />
<!– 不推荐的大写或混合大小写写法 –>
<img Src=“example.jpg” Alt=“Example Image” />
在编写HTML代码时，始终坚持使用小写标签和属性，这将使你的代码更加专业、清晰和易于维护。
在HTML中，为属性值加引号是一个很好的实践。虽然某些情况下，HTML解析器可以处理没有引号的属性值，但为属性值添加引号（单引号或双引号）可以提供更清晰、更稳定的代码，并避免潜在的解析错误。
以下是使用引号的几个原因：
下面是一个使用引号的HTML属性示例：
<img src=“images/example.jpg” alt=“An example image”>
<a href=”https://www.example.com”/ title=“Visit Example Website”>Example Link</a>在这个例子中，src、alt、href 和 title 属性的值都被双引号包围。你也可以选择使用单引号，但重要的是要保持一致性。
避免以下不使用引号的写法，因为这可能会导致解析错误或不可预测的行为：
<!– 不推荐：没有使用引号 –>
<img src=images/example.jpg alt=An example image>始终为HTML属性值添加引号是一个良好的编程习惯，可以提高代码的健壮性和可读性。
由于HTML属性种类繁多，这里只列出了一些常见的和重要的属性。请注意，这个表格并不包含所有可能的属性和值，但它可以作为一个有用的参考。
| 元素/标签 | 属性 | 描述 |
|---|---|---|
<a> | href | 指定链接的目标URL |
<a> | target | 定义链接打开的窗口或框架名称 |
<a> | rel | 定义当前文档与被链接文档之间的关系 |
<a>, <area>, <img>, <input> | alt | 在图片无法呈现时的替代文本 |
<body>, <col>, <colgroup>, <marquee>, <table>, <tbody>, <tfoot>, <td>, <th>, <tr> | bgcolor (遗留属性) | 元素的背景颜色（建议使用CSS的background-color代替） |
<form> | action | 表单信息提交的URL地址 |
<form>, <input> | autocomplete | 表示该表单中是否可以由浏览器自动完成填值 |
<img>, <object>, <table> | border (遗留属性) | 边框宽度（建议使用CSS的border属性代替） |
<img> | src | 指定图像的URL |
<img>, <table>, <td>, <th>, <tr> | width, height | 设置元素的宽度和高度 |
<input> | type | 输入字段的类型（如text, password, checkbox, radio, submit, email, search, tel, url等） |
<input> | placeholder | 在输入框中显示灰色的占位符文本 |
<input> | disabled | 禁用输入字段 |
<input> | checked | 设置复选框或单选按钮为默认选中状态 |
<input> | readonly | 设置输入字段为只读 |
<input> | required | 设置表单提交前必须填写该字段 |
<input> | value | 定义输入字段的初始值 |
<meta>, <script> | charset | 声明字符编码 |
<script> | src | 指定外部脚本文件的URL |
<script> | async | 表示脚本应该异步执行 |
<table>相关的标签（如<td>, <th>, <tr>等） | colspan, rowspan | 设置表格单元格跨越多列或多行 |
<td>, <th> | align, valign (已废弃) | 设置单元格内容的水平或垂直对齐方式（建议使用CSS代替） |
| 全局属性 | class | 用于为HTML元素添加一个或多个类名 |
| 全局属性 | id | 用于为HTML元素定义唯一的标识符 |
| 全局属性 | style | 用于在HTML元素上直接指定一些内联样式 |
| 全局属性 | title | 用于为HTML元素提供一个附加的提示文本 |
这个表格包含了一些常见的HTML元素和它们的属性，以及属性的描述。然而，HTML是一个庞大且不断发展的标准，因此建议查阅官方文档（如W3Schools或MDN Web Docs）以获取最准确和最新的信息。
注意：一些属性可能已被标记为废弃或不建议使用，例如align、valign和bgcolor等。在编写HTML代码时，应优先考虑使用CSS来实现样式和布局效果。