自学HTML5第一天（认识HTML5的全局属性）

HTML5 全局属性

contextmenu 属性

规定 <div> 元素的上下文菜单。上下文菜单会在用户右键点击元素时出现。列子：

<div          contextmenu="mymenu"                >
　　<menu type="context" id="mymenu">
 　　 <menuitem label="Refresh"></menuitem>
  　　<menuitem label="Twitter"></menuitem>
　　</menu>
</div>
注释：目前只有 Firefox 支持 contextmenu 属性。

      

contenteditable 属性

一段可编辑的段落

<p

contenteditable="true|false"

>这是一个可编辑的段落。</p>

data-* 属性

使用 data-* 属性来嵌入自定义数据：

<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li> 
<li data-animal-type="spider">Tarantula</li> 
</ul>      

draggable 属性

一个可拖动的段落：

<p          draggable="true|false"                >这是一个可拖动的段落。</p>      

dropzone 属性

规定在拖动被拖动数据时是否进行复制、移动或链接。拖动数据会产生被拖动数据的副本：      

<div dropzone="copy"></div>      

值	描述
copy	拖动数据会产生被拖动数据的副本。
move	拖动数据会导致被拖动数据被移动到新位置。
link	拖动数据会产生指向原始数据的链接。

hidden 属性

被隐藏的段落

<p          hidden                >这个段落应该被隐藏。</p>      

spellcheck 属性

进行拼写检查的可编辑段落：

<p contenteditable="true"          spellcheck="true |false"                >这是一个段落。</p>      

translate 属性

规定是否应翻译某些元素：

<p translate="no">请勿翻译本段。</p>
<p>本段可被译为任意语言。</p>    //默认是yes


非HTML5特有的很有用的全局属性      

tabindex 属性

带有指定 tab 键顺序的链接

<a href="http://www.w3school.com.cn/"          tabindex="2"                >W3School</a>
<a href="http://www.google.com/"          tabindex="1"                >Google</a>
<a href="http://www.microsoft.com/"          tabindex="3"                >Microsoft</a>      

title 属性

鼠标移上时的提示信息

<abbr title="People\'s Republic of China">PRC</abbr> was founded in 1949.
<p title="Free Web tutorials">W3School.com.cn</p>      

accesskey 属性

带有指定快捷键的超链接：

<a href="http://www.w3school.com.cn/html/"          accesskey="h"                >HTML</a><br />
<a href="http://www.w3school.com.cn/css/"          accesskey="c"                >CSS</a>
注释：以下元素支持 accesskey 属性：<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。