html全局属性是什么意思？-猿码集

全局属性是什么？

HTML全局属性是可以在HTML任何元素中使用的属性，他们提供了关于元素的通用信息，例如id，class，style等等。全局属性是用于所有HTML元素的通用属性。使用HTML全局属性, 可以提高HTML代码的可读性和可维护性。

01 - class

class属性定义了 HTML 元素的类名，其作用是可以将一个或多个类名分配给一个 HTML 元素。可以使用类名来样式化多个元素，也可以使用 JavaScript 来操作带有特定类名的元素。在 CSS 技术中，class用于为元素指定样式，它可以在样式表的规则中与元素名共同使用，确定某一类元素的具体样式。


  <p class="important">这段文字很重要</p>

这段文字很重要

02 - id

id属性定义了指定元素的唯一标识符，这个值在整个文档中应该是唯一的。它也可以被作为javascript中文档对象模型（DOM）的方法之一，用于代表该元素。使用ID选择器可以选择某个具有特定 ID 的 HTML 元素。这是具有唯一标识的元素，因此，可以使用 JavaScript 来操作具有特定 ID 的元素。


  <p id="unique">这段文字可以通过 id 选择器选中</p>

这段文字可以通过 id 选择器选中

03 - style

style属性用于为 HTML 元素定义内联样式，该样式优先级高于外部样式表中的样式，但低于使用 ID 选择器定义的样式。可以通过 style 属性向 HTML 元素添加CSS样式属性。


  <p style="color:blue;font-size:20px">这段文字具有内联样式</p>

这段文字具有内联样式

04 - title

title属性位于 HTML 元素的开始标签中，用于指定有关HTML 元素的额外信息。当鼠标悬停在元素上时，可以在工具提示中显示额外的信息。title 属性通常用于添加有关元素的注释或者介绍。


  <p title="这是一段带有提示的文字">这段文字鼠标悬停会有提示</p>

这段文字鼠标悬停会有提示

05 - tabindex

tabindex 属性规定可通过键盘访问的元素的顺序，它定义了 HTML元素的Tab键顺序。它可以帮助那些无法使用鼠标导航网页的用户更方便地使用网站。有些浏览器（如 IE）也允许用户使用 tab 键在一个页面上导航。tabindex 属性只能应用于那些可以接受键盘事件的元素，如 input、button、a 和 textarea 等。


  <h3 tabindex="1">第一个标题</h3>
  <p tabindex="2">第二个标题</p>

第一个标题

第二个标题

06 - accesskey

accesskey 属性为激活或触发元素提供一个快速键。根据设定，以执行操作（如 a 元素的超链接）。与 tabindex 属性类似，accesskey 可以帮助那些无法使用鼠标导航网页的用户更方便地使用网站。


  <a href="https://www.example.com/" accesskey="1">访问页面链接</a>

07 - lang

HTML 元素的 lang 属性用于描述 HTML 元素内容的语言，它有助于翻译和朗读工具在适当的语言模式下查找文本。此属性的值应该包含一个有效的 BCP 47 语言标签。 lang 属性同样适用于全局 HTML 元素，如html和body。


  <html lang="zh-cn">
    <head>
      <meta charset="UTF-8">
      <title>语言为中文简体</title>
    </head>
    <body>
      <h3>中国传统“春节”</h3>
      <p>春节，是中国最重要的传统节日，也是中华民族的传统佳节。</p>
    </body>
  </html>

语言为中文简体

中国传统“春节”

春节，是中国最重要的传统节日，也是中华民族的传统佳节。

08 - data-*

data-* 属性用于存储私有自定义数据。所存储的信息对用户来说是不可见的，它既不在页面上显示，也不会在页面上影响布局。

这里的 * 表示您自己设置的名称，可以是任何名称，但是必须要以 data- 开头。


  <p data-coffee-type="latte">我喜欢拿铁咖啡</p>

我喜欢拿铁咖啡

结语

全局属性提供了一种统一的方式使得所有HTML元素具有相同的基本属性。这些全局属性可以帮助Web设计师和开发人员更轻松地使用 HTML 元素，并使得代码更加易于维护。

html全局属性是什么意思？