html5指南-1.html5全域屬性(html5 global attributes)深入理解_html5教程技巧

今天開始一個全新的關於html5系列課程，是我讀《The Definitive Guide to HTML5 》的學習筆記。我會把自己覺得裡面不錯的章節，或有意義的內容來整理，以便大家學習。
一個元素可以定義自己的屬性，例如a標籤定義href屬性，這種叫做局部屬性（local attribute）。相對應的我們可以透過全域屬性（global attribute）為所有元素設定共有的行為，當然你也可以為單獨元素設定全域屬性，只是這樣做沒有太大的意義。下面我將逐一介紹這些全域屬性。

下面的範例在chrome瀏覽器中運作正常，有些例子firefox不能運作，其他瀏覽器我沒有測試，所以建議大家使用chrome瀏覽器作為自己首選的html5瀏覽器。我沒有把注意力放在瀏覽器的兼容問題上，而是把關注點放在學習和實現上。 html5還在不斷改進中，隨著他的普及，我相信主流瀏覽器對他的支援會越來越好，到時候瀏覽器相容問題會好很多。
1.accesskey
accesskey屬性允許你設定一個或多個鍵盤快速鍵，這樣你就可以選擇頁面上的元素了。我們看下面的例子：

複製代碼

代碼如下:

Name:

Password:

在這個例子中，你就可以使用組合鍵來選擇頁面中的元素了，例如在windows作業系統下，可以使用alt XXX來選擇某個元素。
運作效果：

2.class
這個屬性我就不想多說什麼了，就是一個對元素實現分組的功能，更多的時候是結合css使用，為不同組的元素設定不同的顯示效果。
3.contenteditable
這是html5新增的屬性，為html元素新增contenteditable屬性，將其設為true，允許使用者編輯元素內容；設為false，不允許使用者編輯。

複製程式碼

程式碼如下:

程式碼如下:


> HTML>>>

It is raining right now p>