网站建设咨询
15605423535

2023-03-29 14:52:33

概述中最常见的 HTML 属性

来源:东橙设计网站策划部

HTML 属性在 HTML 标记中存储其他信息。它们只是添加到代码中。除了通用属性、事件属性和数据属性之外,还有其他几个单独的属性。

HTML 属性的用途是什么?

HTML 属性用于存储有关 HTML 标记中元素的其他信息。它们由名称和值组成。HTML 属性位于开始标记中,并且是大小写的。尽管它们的值不一定必须用反逗号书写,但仍建议使用此样式以避免错误。下面的示例说明了代码中如何包含 HTML 属性:

<element attribute name="attribute value"/>

<a> 标记和属性 href 是网站上包含链接所必需的。 这看起来像这样:

<!DOCTYPE html>
<html>
<head>
<title>sample title</title>.
</head>
<body>
<a href="https://www.example.com">this link will take you to the example site.</a>
</body> 
		

</html>

有哪些 HTML 属性?

有几种不同的HTML属性,尽管自HTML5引入以来,某些选项不再可用。HTML 属性分为五个不同的组:

  • 经典的通用属性几乎可以在所有元素中使用,并保持恒定的作用。但是,它们对某些元素没有影响。
  • 特定属性会影响各个元素并定义其参数。
  • 自引入 HTML5 以来应用的属性可以部分创建新选项或替换旧的 HTML 属性。
  • 当用户执行特定操作时,事件属性会触发元素的已定义事件。
  • 数据属性可能包含用户无法识别的信息。

经典通用属性

大多数 HTML 标记中都允许使用经典通用属性。以下示例是最常见的:

特定的 HTML 属性

有几个特定的 HTML 属性用于定义单个元素。以下示例是最常见的示例:

自 HTML5 以来的新属性

自HTML5和HTML 5.1引入以来,已经添加了几个HTML属性。其中包括以下内容:

事件属性

有许多不同的 HTML 属性会在浏览器中触发事件。因此,以下 HTML 属性只是 HTML 中 JavaScript 可以触发的不同事件的一小部分。

数据属性

除了上面列出的HTML属性之外,还有一些属性只能用脚本评估或用CSS使用。这允许包含未以视觉方式呈现的信息。这些 HTML 属性始终以 data- 开头。您可以使用 setAttribute 设置它们并使用 getAttribute 读取它们。搜索引擎也不会评估这些 HTML 属性。数据属性只允许使用小写字母、数字、连字符、句点和冒号。

<article
id="example elements"
data-columns="5"
data-index-number="1385"
data-parent="html5">
</article>

结论:HTML属性对几乎每个网站都很重要

如果您决定学习 HTML,您会注意到 HTML 属性是通往最佳且功能齐全的网站的重要垫脚石。 HTML 属性是使用偏离日常使用的函数的最佳和最安全的方式。存储的信息将确保您的新网站的各个方面相互配合。它特别容易与其中一个HTML编辑器一起使用。

添加微信号

13805327355

点击拨打电话咨询