码迷,mamicode.com
首页 > Web开发 > 详细

HTML及HTML5中好玩的全局属性

时间:2015-06-18 13:15:02      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:

全局属性可以应用到所有的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)

 

HTML及HTML5中好玩的全局属性

标签:

原文地址:http://www.cnblogs.com/xzqhextt/p/4585474.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!