HTML5+CSS3 Nav 开头属性
当用户不通过鼠标，而是通过键盘对网页进行操作时，一般即从页面的最上端
依次往激活焦点进行操作。
当然，用户也可以通过 CSS 来设置元素焦点的序列号。
1．nav-index 属性
该属性为当前元素指定了其在当前文档中导航的序列号。导航的序列号指定了
页面中元素通过键盘操作获得焦点的顺序。该属性可以存在于嵌套的页面元素当
中。
语法：
nav-index ： auto <number> inherit
上述语法中，各参数的含义如下：
Auto 默认的顺序。
<number> 该数字（必须是正整数）指定了元素的导航顺序。“1”意味着最先被导航。
当若干个元素的 nav-index 值相同时，则按照文档的先后顺序进行导航。
Inherit 默认继承。
为了使用户能按顺序获取焦点，页面元素需要遵循如下规则：
该元素支持 nav-index 属性，而被赋予正整数属性值的元素将会被优先导航。
拥有同一 nav-index 属性值的元素将以它们在字符流中出现的顺序进行导航。
对那些不支持 nav-index 属性或者 nav-index 属性值为 auto 的元素将以它们在字符流中
出现的顺序进行导航。
对那些禁用的元素，将不参与导航的排序。
用户实际上使用的开始导航和激活页面元素的快捷键依赖于用户的设置，如 Tab 键用
于按顺序导航，而 enter 键则用于激活选中的元素。
用户也可以定义反向顺序导航的快捷键。当通过 Tab 键导航到序列的结束（开始）时，
可能会循环到导航序列的开始（结束）。按键组合“shift+tab”通常用于反向序列导航。
2．nav-up、nav-right、nav-down 和 nav-left 属性
输入设备默认 4 个方向键，按 html 文档顺序来控制元素的焦点切换，但为了更
好的用户体验，提供了自定义切换焦点的控制顺序方向。
如 nav-up 表示着上；nav-right 代表着右；nav-down 代表着下；而 nav-left 代表
着左。
语法：
nav-up ： auto <id> [ current root <target-name> ]? inherit
nav-right ： auto <id> [ current root <target-name> ]? inherit
nav-down ： auto <id> [ current root <target-name> ]? inherit
nav-left ： auto <id> [ current root <target-name> ]? inherit
评论0
最新资源