HTML5全域性屬性彙總

2022-08-05 18:03:17 字數 2426 閱讀 8137

區域性屬性和全域性屬性
區域性屬性:有些元素能規定自己的屬性,這種屬性稱為區域性屬性。

比如link元素,它具有的區域性屬性有href、 rel、 hreflang、 media、 type、 sizes這六個。

全域性屬性:可以用來配置所有元素共有的行為,這種屬性稱為全域性屬性,可以用在任何乙個元素身上。

1、accesskey屬性

使用accesskey屬性可以設定乙個或幾個用來選擇頁面上的元素的快捷鍵。

在上面的例子中,三個input元素新增了accesskey屬性,這樣在mac下就可以用control + alt(option) + n快捷鍵訪問到name的輸入框了。用來觸發accesskey機制的按鍵組合因平台而異,具體如下:

瀏覽器/平台

window

linux

macfirefox

alt + shift + key

alt + shift + key

control + alt + key

internet explorer

alt + key

n/an/a

google chrome

alt + key

alt + key

control + alt + key

safari

alt + key

n/acontrol + alt + key

opera

同google chrome

同google chrome

同google chrome

關於accesskey這個全域性屬性的詳解,可以看一下html accesskey屬性與web自定義鍵盤快捷訪問
2、class屬性

class屬性用來將元素歸類,這個就無需多言了。

3、contenteditable屬性

contenteditable是html5中新增加的屬性,,其用途是讓使用者能夠修改頁面上的內容。

設定為 true 是可編輯的

4、dir屬性

dir屬性用來規定元素中文字的方向。有效值有兩個:ltr(從左到右)、rtl(從右到左)。

從左到右

從右到左

5、draggable屬性

draggable屬性是html5支援拖放操作的方式之一,用來表示元素是否可被拖放。

6、dropzone屬性

dropzone屬性是html5支援拖放操作的方式之一,與draggable屬性搭配使用。

7、id屬性

id屬性用來給元素分配乙個唯一的識別符號。這個也無需多言。需要說明的一點是,id屬性還可以用來導航到文件中的特定位置。

8、hidden屬性

hidden是個布林屬性,表示相關元素當前不需要關注,瀏覽器對它的處理方式是隱藏相關元素(隱隱想起來控制乙個元素的展示隱藏的時候,會自定義乙個hidden類,然後在裡面寫隱藏樣式),具體也可以看一下這篇介紹 html5的hidden屬性

這個元素將會被隱藏

9、lang屬性

lang屬性用於說明元素內容使用的語言。lang屬性必須使用有效的iso語音**,使用這個屬性的目的在於,讓瀏覽器調整其表達元素內容的方式,比如在使用了文字朗讀器的情況下正確發音。

hello - how are you?

10、spellcheck屬性

spellcheck屬性用來表明瀏覽器是否應該對元素的內容進行拼寫檢查,這個屬性只有用在使用者可以編輯的元素上時才有意義。

spellcheck屬性可以接受的值有兩個:true和false。至於拼寫檢查的實現方式則因瀏覽器而異。

11、style屬性

style屬性用來直接在元素身上定義css樣式,這個也不做過多描述了。

12、tabindex屬性

html頁面的鍵盤焦點可以通過按tab鍵在各元素之間切換。用tabindex屬性可以改變預設的轉移順序。

上面的**實現效果是:在按tab鍵的過程中,tabindex為1的country輸入框第乙個被選中,接著焦點會跳到name輸入框,最後是submit提交。tabindex設定為-1的元素不會在使用者按下tab鍵後被選中。

13、title屬性

title屬性提供了元素的額外資訊,瀏覽器通常用這些東西顯示工具條提示,這個在一些展示不全的文字標題也經常使用。

qiqihaobenben.github.io

HTML5全域性屬性

contenteditable 值true false,是否允許使用者直接編輯給定標籤顯示的內容,獲取焦點即可編輯,當沒有這個屬性時從父級繼承下來,即父級元素可編輯自己也可編輯。designmode 只能在js中被修改和編輯,值為on off,用於指定頁面是否可被編輯 為 on 時所有支援 cont...

html5全域性屬性

1.accesskey 快捷鍵 例 accesskey s windows系統上為alt s,轉移焦點 2.class 3.contenteditable 能否編輯 可以編輯 4.contextmenu設定快捷選單 在觸發時彈出,windows滑鼠右擊彈出來,支援性差 5.dir文字的方向 dir ...

HTML5全域性屬性

全域性屬性 它們是用來配置所有元素共有的行為。全域性屬性可以作用在任何乙個元素身上,不過這不一定會帶來有意義或者有用的改變。accesskey 屬性可以設定乙個或幾個用來選擇頁面是上的元素的快捷鍵。例如 class屬性 學過前端的都知道 id屬性同上。contenteditable屬性 是html5...