在之前的一篇文章中,我们已经理解并先容过了5种全局属性,在本篇文章中将会详细先容更多的全局属性。希望对大家有所帮助。
1.class属性
在HTML5中可以利用class属性对元素指定CSS类选择器。CSS类选择器用于指定元素利用什么样式进行展示。利用class属性给<span>元素指定字体大小和颜色的代码如下图:
2.id属性
id属性规定了HTML元素在全体HTML文档中的唯一标识。id属性的语法如下:
在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。祝大家生活愉快、身体康健。