css3导航索引设计的方法
本篇内容主要讲解"css3导航索引设计的方法"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"css3导航索引设计的方法"吧!
HTML为表单标签定义的tabindex属性，此属性为当前元素指定了其在当前文档中导航的序列号。导航的序列号可以修改页面中元素通过键盘操作获得焦点的顺序。该属性可以存在于嵌套的页面元素当中。
定义导航顺序
css3新增加了nav-index属性，替换了标签属性tabindex。为了使浏览器能按顺序获取焦点，页面元素需要遵循如下规则：
1.该元素支持nav-index属性，而被纳入正整数属性值的元素将会被优先导航。浏览器将按照nav-index属性值从小到大的顺序进行导航。属性值无须按顺序，也无须以特定盼值开始。拥有相同的nav-index属性值的元素将以它们在文档流中出现的顺序进行导航。
2.对于那些不支持nav-index属性，或者nav-index属性变为自动的元素，将以其在文档流中出现的顺序进行导航。
3.对那些局部的元素，将不参与导航的排序。
导航和激活页面元素的快捷键依赖于浏览器的设置，例如，通常Tab键用于按顺序导航，而Enter键则用于激活调用的元素。当通过Tab键导航到序列的结束
或开始时，浏览器可能会循环到导航序列酌开始或结束。按Shift + Tab组合键通常用于反向导航。
nav-index属性的基本语法如下所示。
nav-index属性初始值自动，适用于所有可用元素。取值简单说明如下。
auto：浏览器默认的顺序。
继承：从继承。
对于以下这个表单示例来说，传统做法是使用tabindex属性来更改表单输入的键盘激活和响应顺序，现在使用nav-index则直接在CSS样式表中调整表单域的键盘影响顺序，其中css样式代码如下：