在之前的一篇文章中,我们已经理解并先容过了5种全局属性,在本篇文章中将会详细先容更多的全局属性。
希望对大家有所帮助。

1.class属性

在HTML5中可以利用class属性对元素指定CSS类选择器。
CSS类选择器用于指定元素利用什么样式进行展示。
利用class属性给<span>元素指定字体大小和颜色的代码如下图:

多级html5源码更多的全局属性HTML5系列教程9 HTML

2.id属性

id属性规定了HTML元素在全体HTML文档中的唯一标识。
id属性的语法如下:

<element id=\"大众value\公众

在HTML文档中,可以利用id属性准确定位HTML元素,从而对元素进行各种操作。
比如利用id属性给HTML元素设置样式的代码如下图:

3.title属性

title属性用于描述元素的信息,当用户将鼠标悬停到具有该属性的元素上时,会显示title的内容信息。
代码和效果如下图:

4.style属性

style属性用于规定元素的行内样式,并覆盖任何全局的样式设定。
像通过样式选择器设定文本的颜色为黄色,同时又通过style属性设定文本的颜色为蓝色,那么style属性将覆盖样式选择器,字体将显示为蓝色。
代码及效果如下图所示:

5.accesskey属性

accessKey属性用于给HTML元素定义快捷键,以便得到焦点或激活元素。
比如在一个HTML文档中有两个按钮,个中一个设置了快捷键,另一个没有设置,当按下快捷键时,得到焦点的按钮是有一个蓝色的边框的,代码及效果如下图所示

6.dir属性

dir属性规定了元素内容的排列方向。
该属性对应三个值,如果是从左向右排列,则利用ltr;如果是从右向左排列,则利用rtl;如果要根据浏览器内容自动判断,则利用auto。
代码及效果如下图:

7.contextmenu属性

contextmenu属性是HTML5中新增的属性,用于指定高下文菜单的数据源。
当用户在指定位置单击鼠标右键时,弹出右键菜单,并显示菜单,可以显示多级菜单。
不过较为可惜的是,目前只有Firefox浏览器实现了该功能。
添加菜单的代码和效果如下图:

8.draggable属性

draggable属性是HTML5的一个新属性,用于设置是否可以进行拖曳。
draggable的值是一个布尔值,当值为TRUE是可以进行拖曳;当值为FALSE时,不能进行拖曳。
将鼠标停放在要拖曳的元素上,按下鼠标左键即可进行拖曳操作。
拖曳一段笔墨的代码及效果如图:

在HTML5中更多的新增属性就到这里了,不才一篇文章中,将为大家先容新增的主体构造元素。
理解更多精彩资讯请加官方微信:pyyuanxing。
祝大家生活愉快、身体康健。