每種元素都能規(guī)定自己的屬性,這種屬性稱為:局部屬性哟玷。
屬性還有另一種類型:全局屬性。它們用來配置所有元素共有的行為一也。全局屬性可以用在任何一個元素身上巢寡,不過這不一定會帶來有意義或有用的行為改變。
下面將介紹所有全局屬性椰苟。
1.accesskey屬性
使用accesskey屬性可以設(shè)定一個或幾個用來選擇頁面上的元素的快捷鍵抑月。其目的是讓網(wǎng)頁或網(wǎng)站的熟客,可以使用快捷鍵訪問經(jīng)常用到的元素舆蝴。用來觸發(fā)accesskey機制的按鍵組合因平臺而異谦絮。在Windows系統(tǒng)上是同時按下Alt鍵和accesskey屬性值對應的鍵。
2.class屬性
class屬性用來將元素歸類洁仗。這樣做通常是為了能夠找出文檔中的某一類元素或為某一類元素應用CSS樣式层皱。
3.contenteditable屬性
contenteditable是HTML5中新增加的屬性,其用途是讓用戶能都修改頁面上的內(nèi)容赠潦。該屬性值設(shè)為true時用可以編輯元素內(nèi)容叫胖,設(shè)置為false時則禁止編輯。如果未設(shè)定其值祭椰,那么元素會從父元素處繼承該屬性的值臭家。
4.contextmenu屬性
contextmenu屬性用來為元素設(shè)定快捷菜單疲陕。這種菜單會在受到觸發(fā)的時候(例如方淤,Windows用戶用鼠標右擊時)彈出來。
5.dir屬性
dir屬性用來規(guī)定元素中文字的方向蹄殃。其有效值有兩個:ltr(用于從左到右的文字)和rtl(用于從右到左的文字)携茂。
例如:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>dir屬性</title></head><body> <p dir="rtl">This is right-to-left</p> <p dir="ltr">This is left-to-right</p></body></html>
1
2
3
4
5
6
7
8
9
10
11
運行結(jié)果如下:
6.draggable屬性
draggable屬性是HTML5支持拖放操作的方式之一,用來表示元素是否可被拖放诅岩。
7.dropzone屬性
dropzone屬性是HTML5支持拖放操作的方式之一讳苦,于上述的draggable屬性搭配使用带膜。
8.hidden屬性
hidden是個布爾屬性,表示相關(guān)元素當前毋需關(guān)注鸳谜。瀏覽器對它的處理方式是隱藏相關(guān)元素膝藕。
9.id屬性
id屬性用來給元素分配一個唯一的標識符。這種標識符通常用來將樣式應用到元素上或在JavaScript程序中來選擇元素咐扭。
提示:
根據(jù)id屬性還可以用來導航到文檔中的特定位置芭挽。倘若有個名為example.html的文檔中包含一個id屬性值為myelement的元素,那么使用example.html#myelement這個URL即可直接導航至該元素蝗肪。該URL末尾部分(#加上元素id值)稱為URL片段標識符袜爪。
10.lang屬性
lang屬性用于說明元素內(nèi)容使用的語言。
11.spellcheck屬性
spellcheck屬性用來表明瀏覽器是否應該對元素的內(nèi)容進行拼寫檢查薛闪。這個屬性只有用在用戶可以編輯的元素上時才有意義辛馆。可以接受的值有兩個:true
(啟用檢查拼寫)和false(禁用拼寫檢查)豁延。至于拼寫檢查的實現(xiàn)方式則因瀏覽器而異昙篙。
警告:目前大多數(shù)瀏覽器的拼寫檢查都會忽略前面介紹過的lang屬性。它們的拼寫檢查基于用戶所用的操作系統(tǒng)中的語言設(shè)置或瀏覽器的語言設(shè)置诱咏。
12.style屬性
style屬性用來直接在元素身上定義CSS樣式(這是在style元素或外部樣式表中定義樣式之外的一種選擇)
13.tabindex屬性
HTML頁面上的鍵盤焦點可以通過按Tab鍵在各元素之間切換瓢对。用tabindex屬性可以改變默認的轉(zhuǎn)移順序。
tabindex值為1的元素胰苏,第一個被選中硕蛹。用戶按一下Tab鍵后,tabindex值為2的那個元素會被選中硕并,依次類推法焰。tabindex設(shè)置為-1的元素不會再用戶按下Tab鍵后被選中。
14.title屬性
title屬性提供了元素的額外信息倔毙。瀏覽器通常用這些東西顯示工具提示埃仪。
例如:
<a title="百度">www.baidu.com</a>
1