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

你的网络首码项目网 网站建设评论0字数 1104阅读模式

可以将 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

代码辅助

许多 HTML 编辑器都提供“代码辅助”功能,当您开始输入 HTML 标记时,该功能会显示所有可用的属性。文章源自你的网络首码项目网-https://www.youranweb.com/37.html

这可以极大地帮助,并使您不必记住每个元素的每个可用属性。文章源自你的网络首码项目网-https://www.youranweb.com/37.html

HTML属性:它们是什么以及如何使用文章源自你的网络首码项目网-https://www.youranweb.com/37.html

文章源自你的网络首码项目网-https://www.youranweb.com/37.html
相关文章
weinxin
你的网络首码项目网站长
本站旨在为广大网友提供一个免费、公开且和谐的互联网项目交流平台,所有文章均来自网络和网友投稿,不代表本站任何立场,请勿盲目下载注册参与,以免为您带来不必要的损失。
你的网络首码项目网
  • 声明:首码项目网所有文章均来自网络和投稿,不代表本站立场,请勿盲目下载注册,以免为您带来不必要的损失。《项目投诉》
  • 你的首码项目网

发表评论