📜  HTML 全局属性(1)

📅  最后修改于: 2023-12-03 14:41:54.686000             🧑  作者: Mango

HTML全局属性

在HTML中,有一些属性可以应用到所有的HTML元素上。这些属性被称为全局属性(Global Attribute)。全局属性可用于任何HTML元素上,无论它是什么类型的元素。

常见的全局属性
1. class

用于为元素定义一个或多个类名。类名将被用于指定样式信息。一个元素可以有多个类名,中间用空格分隔。

<div class="container box">Some content</div>
2. id

用于定义元素的唯一ID。ID在文档中必须是唯一的。

<div id="main">Some content</div>
3. style

用于为元素定义内联样式信息。在style属性中定义的样式信息将优先于其他定义方式。

<div style="color: red;">Some content</div>
4. title

用于为元素定义一个附加的说明信息,通常通过工具提示来显示。

<div title="This is a tooltip">Some content</div>
5. data-*

用于在HTML元素中嵌入自定义数据。

<ul>
  <li data-time="2019">List item 1</li>
  <li data-time="2020">List item 2</li>
  <li data-time="2021">List item 3</li>
</ul>
6. hidden

用于隐藏元素。在CSS中可以通过 :hidden 伪类选择器来选择所有被设置为 hidden 的元素。

<div hidden>Some content</div>
总结

全局属性可用于任何HTML元素上,它们在为HTML提供样式和行为,以及其他功能时非常有用。掌握全局属性是成为成功的前端开发者的关键之一。