为啥使用列表而不是按钮来做导航菜单？

Posted 2023-04-13

【中文标题】为啥使用列表而不是按钮来做导航菜单？

【英文标题】：Why use list to do navigation menu instead of buttons?为什么使用列表而不是按钮来做导航菜单？

【发布时间】：2011-08-03 02:15:30

【问题描述】：

我查看了互联网上的许多导航菜单，它们通常使用列表而不是按钮。这背后的原因是什么？为什么要使用按钮？谢谢。

【问题讨论】：

当你说“按钮”时，你是什么意思？按钮如何替代导航列表？

【参考方案1】：

使用列表有（至少）两个很好的理由。使用列表可以帮助您了解您的网站结构，这在 SEO 方面是好的，但如果人们出于可访问性原因使用自定义 CSS 或屏幕阅读器，也是如此。 第二个稍微相关的一点是，它在创建样式表时很有帮助。您不需要想出自己的嵌套元素方式。只需使用列表并从那里开始。然后，您可以专注于让样式表正确，为不同的层次结构级别、第一个、最后一个、奇数或偶数列表项提供不同的样式。

【参考方案2】：

通常列表用于 html 中的导航项，因为它们向用户呈现了一个列表导航选项。

HTML5 使用 menu 和 nav 提供了更高的语义精度

【讨论】：

链接列表比链接按钮更有意义。

【参考方案3】：

列表的语义使它看起来更像是一个分组的部分，这就是我能想到的。 与其他定义菜单的方法相比，使用列表项并没有真正的（不利）优势。