HTML属性教程

在上面的例子中，<ol>标签添加了一个属性。该属性被称为start 它的价值是 10. 该属性允许我们指定列表的起始编号。在这种情况下，我们已经告诉它从数字 10 开始。

属性如何工作
属性是可以插入 HTML 标记内的额外代码段。它们允许您定义 HTML 元素的呈现方式或行为方式。

属性被插入到开始标签中，在标签名称和结束的大于号 ( >) 之间。像这样：

<tagname attributename="value">
         ...
</tagname>

属性通常写为名称值对。所以在这个例子中start="10"，开始 是属性名称，并且 10是它的价值。通过更改值，我们可以更改元素的显示方式。例如，我们可以将其更改为start="5"并且输出会有所不同（即列表将从 5 开始而不是 10）。

布尔属性
某些属性可以在没有值的情况下写入。这些被称为布尔属性。例如，您可以在reversed不指定值的情况下添加到上述列表中。

<ol reversed>
        ...
</ol>

只需添加属性名称就足以将其值设置为 true（并且它将执行其预期功能——在这种情况下，颠倒列表中标记的顺序）。因此，无需添加值——您可以省略它或包含它的名称。

话虽如此，您也可以使用reversed="reversed"or evenreversed=""因为它们都等同于简单地使用reversed.

必需与可选
大多数 HTML 属性是可选的——您可以选择是否包含它们。但是，某些 HTML 标记要求存在某些属性。这通常是因为如果没有一个或多个属性提供的附加参数，标签就无法运行。嵌入的图像是这样工作的——您必须使用一个属性来提供要显示的图像的位置。我们将在本教程后面介绍图像。

并非所有属性都可用于所有 HTML 标签。某些属性仅允许用于某些标签。但是有一些属性可以用于所有 HTML 元素。

全局属性
全局属性是一组可用于任何 HTML 标记的属性。其他属性只能用于选定的标签，但全局属性可用于所有标签。

如果您有兴趣，这里是HTML5 支持的全局属性的完整列表。

事件处理程序内容属性
事件处理程序内容属性是一种特殊类型的属性，它允许您将 JavaScript 代码合并到您的 HTML 文档中。JavaScript 可以极大地改进网页的功能。

例如，该onclick属性允许您在用户单击元素时运行 JavaScript 代码。JavaScript 代码可以是一个简单的脚本，也可以是一个复杂的程序，可以做各种奇怪而奇妙的事情。

您可以像编写任何其他属性一样编写这些。例如，当有人点击下面的列表时，onclick事件处理程序的内容属性将调用一个名为doSomething()：

<ol onclick="doSomething();">
        ...
</ol>
当然，您随后需要编写一个名为的 JavaScript 函数，doSomething()但那是另一个教程……

如果您有兴趣，这里是HTML5 支持的事件处理程序内容属性的完整列表。

但是，让我们不要超越自己。您现在需要知道的是这些类型的属性可用。