自學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>。