HTML 全局属性是所有 HTML 元素都可以使用的属性,它们提供了一些通用的功能和行为,可以在任何 HTML 元素上使用。以下是一些常用的 HTML 全局属性:
1. class
class 属性用于为元素指定一个或多个类名,类名可以在 CSS 中用来定义样式。多个类名之间用空格分隔。
示例代码:
<div class="container main-content"></div>
2. id
id 属性用于为元素指定一个唯一的标识符,可以通过 JavaScript 或 CSS 选择器来操作这个元素。
示例代码:
<div id="header"></div>
3. style
style 属性用于为元素指定内联样式,可以直接在元素上设置 CSS 样式。
示例代码:
<div style="color: red; font-size: 16px;">Hello, World!</div>
4. title
title 属性用于为元素提供额外的信息,当鼠标悬停在元素上时会显示一个提示框。
示例代码:
<img src="image.jpg" alt="Image" title="This is a beautiful image">
5. tabindex
tabindex 属性用于为元素指定在页面中的 tab 键顺序,可以让用户通过键盘方便地导航网页。
示例代码:
<input type="text" tabindex="1"> <input type="submit" tabindex="2">
这些是一些常用的 HTML 全局属性,它们可以帮助你更好地控制和操作 HTML 元素。
| 属性 | 描述 |
|---|---|
| accesskey | 设置访问元素的键盘快捷键。 |
| class | 规定元素的类名(classname) |
| contenteditable | 规定是否可编辑元素的内容。 |
| contextmenu | 指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单 |
| data-* | 用于存储页面的自定义数据 |
| dir | 设置元素中内容的文本方向。 |
| draggable | 指定某个元素是否可以拖动 |
| dropzone | 指定是否将数据复制,移动,或链接,或删除 |
| hidden | hidden 属性规定对元素进行隐藏。 |
| id | 规定元素的唯一 id |
| lang | 设置元素中内容的语言代码。 |
| spellcheck | 检测元素是否拼写错误 |
| style | 规定元素的行内样式(inline style) |
| tabindex | 设置元素的 Tab 键控制次序。 |
| title | 规定元素的额外信息(可在工具提示中显示) |
| translate | 指定是否一个元素的值在页面载入时是否需要翻译 |