什么是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="Search Engine">Google</a>
<abbr title="Hyper Text Markup Language">HTML</abbr>
<input type="text" value="John Doe">
在上面的示例中，src是<img>标签内是一个属性，它的值提供了图像路径。同样，href是<a>标签的一个属性，它的值提供了<a>标签的链接。
提示：单引号和双引号都可用于引用属性值。但是，双引号是最常见的。在属性值本身包含双引号的情况下，有必要将值用单引号括起来，例如，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等，以下部分描述了它们的用法。
id 属性
该id属性用于为文档中的元素提供唯一名称或标识符。这使得 CSS 或 JavaScript 选择元素变得更加容易。
<input type="text" id="firstName">
<div id="container">Some content</div>
<p id="infoText">This is a paragraph.</p>
注意：一个id元素在单个文档中必须是唯一的。同一个文档中的两个元素不能用相同的id名称，每个元素只能有一个id。
class类属性
与id属性一样，class属性也用于标识元素。但与 id不同的是，class属性在文档中可以不是唯一的。这意味着您可以将同一个类应用于文档中的多个元素，如以下示例所示：
<input type="text" class="highlight">
<div class="box highlight">Some content</div>
<p class="highlight">This is a paragraph.</p>
提示：由于class可以应用于多个元素，因此所有包括class属性值的元素都将应用这个样式规则。
标题属性
title属性用于提供有关元素或其内容的建议文本。尝试以下示例以了解其实际工作原理。
<abbr title="World Wide Web Consortium">W3C</abbr>
<a href="images/kites.jpg" title="Click to view a larger image">
<img src="images/kites-thumb.jpg" alt="kites">
</a>
提示：当用户将鼠标光标放在元素上时，属性的值title（即标题文本）将显示为工具提示。
style属性
style属性允许您直接在元素内指定 CSS 样式规则，例如颜色、字体、边框等。让我们看一个例子来了解它是如何工作的：
<p style="color: blue;">This is a paragraph.</p>
<img src="images/sky.jpg" style="width: 300px;" alt="Cloudy Sky">
<div style="border: 1px solid red;">Some content</div>
您将在HTML 样式章节中了解更多关于样式化 HTML 元素的信息。
我们上面讨论的属性也称为全局属性。有关更多全局属性，请查看HTML5 全局属性参考。