在导航栏中使用无序列表有什么好处?

What are the advantages of using unordered lists in nav bars?

我看过几个解释如何创建导航栏的教程,它们都是先添加一个无序列表,然后删除它的标准样式和列表项(特别是项目符号点和边距) ).使用列表而不是直接使用 a 元素或 span 没有任何样式需要删除的元素有优势吗?

您应该始终根据元素的用途(或语义)标记页面,然后设置外观样式。

  • 替代容器,例如 div 没有语义意义,可以对任何不相关的元素进行分组 - 它们不提供内容的线索,它们是怎样的相关以及它们可能服务于什么目的。 列表表示元素之间的内在关系,而不仅仅是随机的项目集合。

  • 导航菜单在逻辑上(甚至在视觉上)链接列表 - 它们是否水平显示或垂直,它们仍然是相关项目的列表。列表的默认样式并不总是适合所有类型的列表,但这并不意味着列表 element 不适合。

  • 列表允许为 sub-menus(和子 sub-menus 等)轻松定义 层次结构 - 这是一个巨大的使用导航列表的优势。这是因为固有关系,以及具有包含其他完整列表的列表项的能力。

  • 它还允许更好的可访问性,因为键盘导航和屏幕阅读器更容易识别这种关系并提供更有效的列表导航。