HTML 属性
在本教程中，您将学习如何使用属性为 HTML 标签赋予更多意义。
什么是属性
属性定义元素的附加特征或属性，例如图像的宽度和高度。 属性始终在开始标记（或开始标记）中指定，通常由名称/值对组成，例如 name="value"。 属性值应始终用引号引起来。
此外，某些元素需要一些属性。 例如，<img> 标签必须包含 src 和 alt 属性。 让我们看一些属性用法的例子：
<img src="images/smiley.png" width="30" height="30" alt="Smiley">
<a href="https://www.google.com/" title="搜索引擎">Google</a>
<abbr title="超文本标记语言">HTML</abbr>
<input type="text" value="John Doe">在上面的示例中，<img> 标记内的 src 是一个属性，提供的图像路径是它的值。 同样， <a> 标记内的 href 是一个属性，提供的链接是它的值，依此类推。
提示： 单引号和双引号均可用于引用属性值。 但是，双引号是最常见的。 在属性值本身包含双引号的情况下，需要将值用单引号括起来，例如 value='John "Williams" Jr.'
HTML5 中有几个属性不包含名称/值对，而仅包含名称。 这样的属性称为布尔属性。 一些常用的布尔属性的例子有 checked, disabled, readonly, required 等。
<input type="email" required>
<input type="submit" value="Submit" disabled>
<input type="checkbox" checked>
<input type="text" value="Read only text" readonly>您将在接下来的章节中详细了解所有这些元素。
注意： 属性值通常不区分大小写，但某些属性值除外，例如 id 和 class 属性。 但是，万维网联盟 (W3C) 在其规范中建议属性值小写。
通用属性
您可以在大多数 HTML 元素上使用一些属性，例如 id, title, class, style 等。 以下部分描述了它们的用法。
id 属性
id 属性用于为文档中的元素提供唯一名称或标识符。 这使得使用 CSS 或 JavaScript 选择元素变得更加容易。
<input type="text" id="firstName">
<div id="container">一些内容</div>
<p id="infoText">这是一个段落。</p>注意：元素的 id 在单个文档中必须是唯一的。 同一个文档中的两个元素不能用相同的id命名，每个元素只能有一个id。
class 属性
与 id 属性一样，class 属性也用于标识元素。 但与 id 不同的是，class 属性在文档中不必是唯一的。 这意味着您可以将同一个类应用于文档中的多个元素，如以下示例所示：
<input type="text" class="highlight">
<div class="box highlight">一些内容</div>
<p class="highlight">这是一个段落。</p>提示： 由于 class 可以应用于多个元素，因此写入该 class 的任何样式规则都将应用于具有该 class 的所有元素。
title 标题属性
title 属性用于提供有关元素或其内容的建议文本。 尝试以下示例以了解其实际工作原理。
<abbr title="万维网联盟">W3C</abbr>
<a href="images/kites.jpg" title="点击查看大图">
<img src="images/kites-thumb.jpg" alt="kites">
</a>提示： title 属性的值（即标题文本）在用户将鼠标光标悬停在元素上时由 Web 浏览器显示为工具提示。
style 属性
style 属性允许您直接在元素内指定 CSS 样式规则，例如颜色、字体、边框等。 让我们看一个例子来看看它是如何工作的：
<p style="color: blue;">这是一个段落。</p>
<img src="images/sky.jpg" style="width: 300px;" alt="Cloudy Sky">
<div style="border: 1px solid red;">一些内容</div>您将在 HTML 样式 章节中了解更多关于样式化 HTML 元素的信息。
我们上面讨论的属性也称为全局属性。 有关更多全局属性，请查看 HTML5 全局属性参考。
HTML5 标签参考 中列出了每个 HTML 元素的完整属性列表。