語(yǔ)法:
nav-index : auto | <number> | inherit
相關(guān)屬性 : nav-up , nav-right , nav-down , nav-left
取值:
- auto:
- User Agent默認(rèn)的順序。
- <number>:
- 該數(shù)字(必須是正整數(shù))指定了元素的導(dǎo)航順序。'1'意味著最先被導(dǎo)航。當(dāng)若干個(gè)元素的nav-index值相同時(shí),則按照文檔的先后順序進(jìn)行導(dǎo)航。
- inherit:
- 默認(rèn)繼承。
說明:
這個(gè)屬性是HTML4/XHTML1中屬性'tabindex'的取代品,從HTML4引入并參考了HTML4的建議作了輕微的修改。
該屬性為當(dāng)前元素指定了其在當(dāng)前文檔中導(dǎo)航的序列號(hào)。導(dǎo)航的序列號(hào)指定了頁(yè)面中元素通過鍵盤操作獲得焦點(diǎn)的順序。該屬性可以存在于嵌套的頁(yè)面元素當(dāng)中。
為了使user agent能按順序獲取焦點(diǎn),頁(yè)面元素需要遵循如下規(guī)則:
1、該元素支持nav-index屬性,而被賦予正整數(shù)屬性值的元素將會(huì)被優(yōu)先導(dǎo)航。user agent將按照nav-index屬性值從小到大進(jìn)行導(dǎo)航。屬性值無(wú)須按次序,也無(wú)須以特定的值開始。擁有同一nav-index屬性值的元素將以它們?cè)谧址髦谐霈F(xiàn)的順序進(jìn)行導(dǎo)航。
2、對(duì)那些不支持nav-index屬性或者nav-index屬性值為auto的元素將以它們?cè)谧址髦谐霈F(xiàn)的順序進(jìn)行導(dǎo)航。
3、對(duì)那些禁用的元素,將不參與導(dǎo)航的排序。
用戶實(shí)際上使用的開始導(dǎo)航和激活頁(yè)面元素的快捷鍵依賴于user agent的設(shè)置(如,通常"tab"鍵用于按順序?qū)Ш?,?enter"鍵則用于激活選中的元素)。
user agent通常也定義了反向順序?qū)Ш降目旖萱I。當(dāng)通過"tab"鍵導(dǎo)航到序列的結(jié)束(開始)時(shí),user agent可能會(huì)循環(huán)到導(dǎo)航序列的開始(結(jié)束)。按鍵組合"shift-tab"通常用于反向序列導(dǎo)航。
兼容性:
類型 |
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
版本 | (√)IE6 | (×)Firefox 2.0 | (√)Chrome 1.0.x | (√)Opera 9.63 | (√)Safari 3.1 |
(√)IE7 | (√)Firefox 3.0 | (√)Chrome 2.0.x | (√)Safari 4 | ||
(√)IE8 | (√)Firefox 3.5 | ||||