Bootstrap中nav与div.navbar之间的区别

Question

Some of Bootstrap's examples使用div.navbar来保留导航栏，其他示例（例如，在Components documentation page中）使用nav.navbar。这两种方法有什么区别？是否有指导使用一个而不是另一个？

Answer 1

两者都将输出相同的设计，但使用nav标签在方法上更具语义性。它代表您网页的主要导航。使用导航标签有助于搜索引擎识别哪个是您页面上的主要导航。可能还有其他链接，但您的顶级菜单是主菜单。 希望这有帮助

Answer 2

Nav在语义上更正确，比Div更为可取。关于我已阅读的一些答案，Div通常被认为是在任何元素中使用的最后一个选择，但我们经常看到相反的情况。

MDN定义Nav

HTML <nav>元素代表页面的一部分，目的是提供当前文档内或指向其他文档的导航链接。导航部分的常见示例是菜单，目录和索引。 这是Nav Element

的MDN页面链接

当我在互联网上搜索更多Navbar时，从中可以得到的Navbar专门用于链接和按钮元素。我们在引导文档中使用了它，它在Nav内部使用。