📜  HTML 和 CSS | Tabindex 属性和导航栏

📅  最后修改于: 2021-08-30 09:29:02             🧑  作者: Mango

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 键遍历时不会被聚焦。
例子 :

导航栏:
导航栏对任何网站都很重要。它们是与指向网站不同页面的链接相关联的块。

有两种类型的导航菜单:

  • 垂直导航栏
  • 水平导航栏

垂直导航条:垂直条菜单显示在另一个之上。
例子 :

代码 :


  

    

水平导航栏:
水平导航栏菜单依次显示或并排显示。
例子 :
代码 :