HTML属性：它们是什么以及如何使用

可以将 HTML 属性添加到 HTML 元素中，以提供有关该元素的详细信息。

HTML 标记可以包含一个或多个属性。属性将添加到标记中，以便为浏览器提供有关标记应如何显示或行为的详细信息。属性由名称和值组成，用等号 （=） 分隔。文章源自你的网络首码项目网-https://www.youranweb.com/37.html

例

请考虑以下示例：文章源自你的网络首码项目网-https://www.youranweb.com/37.html

<abbr title="Hypertext Markup Language">HTML</abbr>

此示例使用 <abbr> 标记，该标记用于指示缩写或首字母缩略词。但是标记中添加了一些额外的内容 - 属性。此特定属性（属性）为元素提供标题。title文章源自你的网络首码项目网-https://www.youranweb.com/37.html

该属性的名称是 。在此示例中，我们为其赋值为 。titleHypertext Markup Language文章源自你的网络首码项目网-https://www.youranweb.com/37.html

该属性可以（可选）用于任何 HTML 元素，以提供有关元素内容的额外信息。当与<abbr>标签一起使用时，它允许使用提供缩写或首字母缩略词的扩展（即我们可以说出首字母缩略词代表什么）。title文章源自你的网络首码项目网-https://www.youranweb.com/37.html

使用该属性时，当用户将鼠标悬停在元素上时，大多数浏览器会将其值显示为“工具提示”。title文章源自你的网络首码项目网-https://www.youranweb.com/37.html

多个属性

您可以向给定元素添加多个属性。文章源自你的网络首码项目网-https://www.youranweb.com/37.html

下面是向 <a> 元素添加两个属性的示例（用于创建指向另一个网页的超链接）。文章源自你的网络首码项目网-https://www.youranweb.com/37.html

<a href="https://www.quackit.com" title="Best tutorials on the web!">Quackit Tutorials</a>

该属性指定要链接到的网页的位置。href文章源自你的网络首码项目网-https://www.youranweb.com/37.html

我们还使用属性来提供一些建议文本 - 以防用户还不知道;)title文章源自你的网络首码项目网-https://www.youranweb.com/37.html

更多属性

HTML 元素有许多不同的属性可用。以下是您在任何新式网站上经常遇到的一些属性：文章源自你的网络首码项目网-https://www.youranweb.com/37.html

class

与级联样式表 （CSS） 一起使用，以应用给定类中的样式。

style

与 CSS 一起使用可将样式直接应用于元素（即内联样式）。

title

如上所示，可用于显示元素的“工具提示”。您提供文本。

有些属性可以用于每个HTML元素（此处的完整列表），有些属性可用于许多（但不是全部）元素，而其他属性仅在一个特定元素上可用。文章源自你的网络首码项目网-https://www.youranweb.com/37.html

我整理了一个按字母顺序排列的 HTML 标记列表。当您单击每个标记时，您可以看到可与该标记一起使用的所有属性，以及有关每个属性的说明。文章源自你的网络首码项目网-https://www.youranweb.com/37.html

但是有很多属性，你还不需要记住它们。属性的好处是，在大多数情况下，它们是可选的。文章源自你的网络首码项目网-https://www.youranweb.com/37.html

许多 HTML 元素为其属性分配默认值 — 这意味着，如果您不包含该属性，则无论如何都会分配一个值。话虽如此，一些HTML标签确实需要一个属性（例如上面的超链接示例）。文章源自你的网络首码项目网-https://www.youranweb.com/37.html

在本教程中，您将看到更多属性。文章源自你的网络首码项目网-https://www.youranweb.com/37.html