HTML5全局属性

青旅半醒 2022-07-19 11:54 190阅读 0赞

每种元素都能规定自己的属性，这种属性称为**局部属性**。

属性还有另一种类型：**全局属性**。它们用来配置所有元素共有的行为。全局属性可以用在任何一个元素身上，不过这不一定会带来有意义或有用的行为改变。

下面将介绍所有全局属性。

# 1.accesskey属性 #

使用accesskey属性可以设定一个或几个用来选择页面上的元素的快捷键。其目的是让网页或网站的熟客，可以使用快捷键访问经常用到的元素。用来触发accesskey机制的按键组合因平台而异。在Windows系统上是同时按下Alt键和accesskey属性值对应的键。

# 2.class属性 #

class属性用来将元素归类。这样做通常是为了能够找出文档中的某一类元素或为某一类元素应用CSS样式。

# 3.contenteditable属性 #

contenteditable是HTML5中新增加的属性，其用途是让用户能都修改页面上的内容。该属性值设为true时用可以编辑元素内容，设置为false时则禁止编辑。如果未设定其值，那么元素会从父元素处继承该属性的值。

# 4.contextmenu属性 #

contextmenu属性用来为元素设定快捷菜单。这种菜单会在受到触发的时候（例如，Windows用户用鼠标右击时）弹出来。

# 5.dir属性 #

dir属性用来规定元素中文字的方向。其有效值有两个：ltr(用于从左到右的文字)和rtl(用于从右到左的文字)。

例如：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>dir属性</title>
    </head>
    <body>
        <p dir="rtl">This is right-to-left</p>
        <p dir="ltr">This is left-to-right</p>
    </body>
    </html>

运行结果如下：

![dir属性实例][dir]

# 6.draggable属性 #

draggable属性是HTML5支持拖放操作的方式之一，用来表示元素是否可被拖放。

# 7.dropzone属性 #

dropzone属性是HTML5支持拖放操作的方式之一，于上述的draggable属性搭配使用。

# 8.hidden属性 #

hidden是个布尔属性，表示相关元素当前毋需关注。浏览器对它的处理方式是隐藏相关元素。

# 9.id属性 #

id属性用来给元素分配一个唯一的标识符。这种标识符通常用来将样式应用到元素上或在JavaScript程序中来选择元素。

**提示：**

根据id属性还可以用来导航到文档中的特定位置。倘若有个名为example.html的文档中包含一个id属性值为myelement的元素，那么使用example.html\#myelement这个URL即可直接导航至该元素。该URL末尾部分（\#加上元素id值）称为URL片段标识符。