tabindex 属性指定元素的 Tab 键顺序。 “tab”按钮用于导航。 tabindex 内容属性允许用户控制元素是否应该是可聚焦的,是否应该使用顺序焦点导航可以到达,以及为了顺序焦点导航的目的元素的相对顺序是什么。
句法 :
element tabindex = "number"
属性 :
- number :这指定了使用 tab 键导航时的“tab”顺序。
例子 :
GFG Article 1
GFG Article 2
GFG Article 3
在上面的例子中,当标签按钮用于导航元素时,第 1 条将首先聚焦,然后是第 2条和第 3 条。
注意:如果 tabindex 值为 -1,则它将无法获得焦点。例如下面的链接在使用 Tab 键遍历时不会被聚焦。
例子 :
导航栏:
导航栏对任何网站都很重要。它们是与指向网站不同页面的链接相关联的块。
有两种类型的导航菜单:
- 垂直导航栏
- 水平导航栏
垂直导航条:垂直条菜单显示在另一个之上。
例子 :
代码 :
水平导航栏:
水平导航栏菜单依次显示或并排显示。
例子 :
代码 :