每種元素都能規(guī)定自己的屬性,這種屬性稱為:局部屬性。
屬性還有另一種類型:全局屬性。它們用來配置所有元素共有的行為。全局屬性可以用在任何一個(gè)元素身上,不過這不一定會(huì)帶來有意義或有用的行為改變。
下面將介紹所有全局屬性。
1.accesskey屬性
使用accesskey屬性可以設(shè)定一個(gè)或幾個(gè)用來選擇頁(yè)面上的元素的快捷鍵。其目的是讓網(wǎng)頁(yè)或網(wǎng)站的熟客,可以使用快捷鍵訪問經(jīng)常用到的元素。用來觸發(fā)accesskey機(jī)制的按鍵組合因平臺(tái)而異。在Windows系統(tǒng)上是同時(shí)按下Alt鍵和accesskey屬性值對(duì)應(yīng)的鍵。
2.class屬性
class屬性用來將元素歸類。這樣做通常是為了能夠找出文檔中的某一類元素或?yàn)槟骋活愒貞?yīng)用CSS樣式。
3.contenteditable屬性
contenteditable是HTML5中新增加的屬性,其用途是讓用戶能都修改頁(yè)面上的內(nèi)容。該屬性值設(shè)為true時(shí)用可以編輯元素內(nèi)容,設(shè)置為false時(shí)則禁止編輯。如果未設(shè)定其值,那么元素會(huì)從父元素處繼承該屬性的值。
4.contextmenu屬性
contextmenu屬性用來為元素設(shè)定快捷菜單。這種菜單會(huì)在受到觸發(fā)的時(shí)候(例如,Windows用戶用鼠標(biāo)右擊時(shí))彈出來。
5.dir屬性
dir屬性用來規(guī)定元素中文字的方向。其有效值有兩個(gè):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
運(yùn)行結(jié)果如下:
6.draggable屬性
draggable屬性是HTML5支持拖放操作的方式之一,用來表示元素是否可被拖放。
7.dropzone屬性
dropzone屬性是HTML5支持拖放操作的方式之一,于上述的draggable屬性搭配使用。
8.hidden屬性
hidden是個(gè)布爾屬性,表示相關(guān)元素當(dāng)前毋需關(guān)注。瀏覽器對(duì)它的處理方式是隱藏相關(guān)元素。
9.id屬性
id屬性用來給元素分配一個(gè)唯一的標(biāo)識(shí)符。這種標(biāo)識(shí)符通常用來將樣式應(yīng)用到元素上或在JavaScript程序中來選擇元素。
提示:
根據(jù)id屬性還可以用來導(dǎo)航到文檔中的特定位置。倘若有個(gè)名為example.html的文檔中包含一個(gè)id屬性值為myelement的元素,那么使用example.html#myelement這個(gè)URL即可直接導(dǎo)航至該元素。該URL末尾部分(#加上元素id值)稱為URL片段標(biāo)識(shí)符。
10.lang屬性
lang屬性用于說明元素內(nèi)容使用的語(yǔ)言。
11.spellcheck屬性
spellcheck屬性用來表明瀏覽器是否應(yīng)該對(duì)元素的內(nèi)容進(jìn)行拼寫檢查。這個(gè)屬性只有用在用戶可以編輯的元素上時(shí)才有意義??梢越邮艿闹涤袃蓚€(gè):true
(啟用檢查拼寫)和false(禁用拼寫檢查)。至于拼寫檢查的實(shí)現(xiàn)方式則因?yàn)g覽器而異。
警告:目前大多數(shù)瀏覽器的拼寫檢查都會(huì)忽略前面介紹過的lang屬性。它們的拼寫檢查基于用戶所用的操作系統(tǒng)中的語(yǔ)言設(shè)置或?yàn)g覽器的語(yǔ)言設(shè)置。
12.style屬性
style屬性用來直接在元素身上定義CSS樣式(這是在style元素或外部樣式表中定義樣式之外的一種選擇)
13.tabindex屬性
HTML頁(yè)面上的鍵盤焦點(diǎn)可以通過按Tab鍵在各元素之間切換。用tabindex屬性可以改變默認(rèn)的轉(zhuǎn)移順序。
tabindex值為1的元素,第一個(gè)被選中。用戶按一下Tab鍵后,tabindex值為2的那個(gè)元素會(huì)被選中,依次類推。tabindex設(shè)置為-1的元素不會(huì)再用戶按下Tab鍵后被選中。
14.title屬性
title屬性提供了元素的額外信息。瀏覽器通常用這些東西顯示工具提示。
例如:
<a title="百度">www.baidu.com</a>
1