html局部屬性和全局屬性

每種元素都能規(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é)果如下:


dir屬性實(shí)例

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

運(yùn)行結(jié)果如下:
title屬性實(shí)例
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 局部屬性和全局屬性 局部屬性:有些元素能規(guī)定自己的屬性,這種屬性稱為局部屬性。比如link元素,它具有的局部屬性有...
    其心閱讀 575評(píng)論 1 5
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,166評(píng)論 1 92
  • accesskey accesskey 屬性規(guī)定激活(使元素獲得焦點(diǎn))元素的快捷鍵。 百度 即按alt+z可以打開...
    masai12138閱讀 920評(píng)論 0 0
  • 1. 瀏覽器頁(yè)面有哪三層構(gòu)成,分別是什么,作用是什么? 構(gòu)成:結(jié)構(gòu)層、表示層、行為層分別是:HTML、CSS、Ja...
    程序猿人王小賤閱讀 1,993評(píng)論 1 11
  • 我問佛:如果遇到了可以愛的人,卻又怕不能把握該怎么辦? 佛曰:留人間多少愛,迎浮世千重變,和有情人,做快樂事,別問...
    石川河女神閱讀 477評(píng)論 0 1

友情鏈接更多精彩內(nèi)容