HTML及HTML5中好玩的全局属性

全局属性可以应用到所有的HTML标签中,当然以前HTML4有不支持的,当然HTML5中就算你加了全局属性也没发现有个鸟用.

全局属性总共16种,HTML5新增了8种.

原来的属性里class,id,style没什么好玩好说的;

4.accesskey 设置访问元素的快捷键

注意： 在不同操作系统中不同的浏览器中访问快捷键的方式不同

Windows中IE和Chrome是[Alt] + accesskey

Firefox是[Alt] [Shift] + accesskey

其他浏览器也不出这几种ctrl,shift,alt自己组合着试试看

在元素后面加上这个属性后这值里写上字母或者数字(注意小键盘的没用)可以不用鼠标直接快键访问链接

5.dir规定文本的方向

<p dir="rtl">文本方向从右到左!</p>

效果

6.lang设置语言代码,可以对单独的元素使用,比如在英文里如果有法文,这将很实用

7.tabindex 改变tab键导航顺序,感觉作用不大.而且容易跳到窗口之外,比如地址栏.

8.title 这个很常见也实用,属性HTML4的不用说了吧.

HTML5新全局属性

contenteditable 使元素的内容可编辑

contextmenu 没看到作用

data-* 跟JS交互提示,没jS基础的这个属性暂时别用了.而且我看w3c里是弹窗不怎么喜欢.

draggable 指定元素是否可以拖动 提示： 链接和图像默认是可拖动的。FF总会打开新标签讨厌.

dropzone 移动数据产生副本,目前无支持,看不到效果

hidden

spellcheck,translate 没看到效果

总结:实用的全局属性有accesskey,lang,title,contenteditable,hidden,id,class.(5+2)