HTML 全局属性

HTML5 新属性

---

• accesskey [规定激活（使元素获得焦点）元素的快捷键]

例子

<code>
<a href="http://www.baidu.com" accesskey="h">百度</a>
</code>
<strong>注意</strong> 在不同操作系统中不同的浏览器中访问快捷键的方式不同

操作系统	windows	Linux	Mac
Internet Explorer	[Alt] + accesskey	N/A
Chrome	[Alt] + accesskey	[Alt] + accesskey	[Control] [Alt] + accesskey
Firefox	[Alt] [Shift] + accesskey	[Alt] [Shift] + accesskey	[Control] [Alt] + accesskey
Safari	[Alt] + accesskey	N/A	[Control] [Alt] + accesskey
Opera	Opera 15 or newer: [Alt] + accesskey　　Opera 12.1 or older: [Shift] [Esc] + accesskey

---

• contenteditable[指定元素的内容是否可以编辑]

用法：

<code>
<p contenteditable="true">这是一个可编辑段落。</p>
</code>

值	描述
true	元素可编辑
false	元素不可编辑

浏览器支持

• 所有浏览器均支持

---

• data-* 属性 [使用 data-* 属性来嵌入自定义数据]
  <strong>定义和用法</strong>

data-* 属性用于存储私有页面后应用的自定义数据。
data-* 属性可以在所有的 HTML 元素中嵌入数据。
自定义的数据可以让页面拥有更好的交互体验（不需要使用 Ajax 或去服务端查询数据）。
data-* 属性由以下两部分组成：
1. 属性名不要包含大写字母，在 data- 后必须至少有一个字符。
2. 该属性可以是任何字符串
<em>注意:</em> 自定义属性前缀 "data-" 会被客户端忽略

<strong>浏览器支持</strong>
- Internet Explorer 11+
- Chrome 8+
- Firefox 6.0+
- Opera 11.10+
- Safari 6+
<a href="http://www.cnblogs.com/dolphinX/p/3348458.html" >HTML5 自定义属性 data-&** </a>
<a href="http://blog.csdn.net/azare/article/details/44220941" >HTML5 自定义属性 data-* 和 jQuery.data 详解 </a>

---

• dir 属性[规定元素内容的文本方向]

值	描述
ltr	默认。从左向右的文本方向
rtl	从右向左的文本方向
auto	让浏览器根据内容来判断文本方向。仅在文本方向未知时推荐使用

<strong>浏览器支持</strong>

• 所有的主流浏览器都支持dir属性
  <code>
  <p dir="rtl">文本方向从右到左!</p>
  </code>

---

• draggable 属性[规定元素是否可以拖动]
  • 链接和图像默认是可拖动的。
  • draggable 属性经常用于拖放操作

  属性值

值	描述
true	规定元素是可拖动的
false	规定元素是不可拖动的
auto	使用浏览器的默认特性

<strong>浏览器支持</strong>
- Internet Explorer 8+
- Chrome
- Firefox
- Opera
- Safari

---

• hidden 属性[规定对元素进行隐藏]
  <em>说明</em>
  • 如果使用该属性，则会隐藏元素
  • 可使用 JavaScript 来删除 hidden 属性，使该元素变得可见