Twitter bootstrap 3 引导中导航与div.navbar之间的差异
使用Twitter bootstrap 3 引导中导航与div.navbar之间的差异,twitter-bootstrap-3,Twitter Bootstrap 3,使用div.navbar固定导航栏,其他示例(如中)使用nav.navbar。这两种方法的区别是什么?是否有使用一个而不是另一个的指导原则?两者都将输出相同的设计,但使用nav标记在方法上更具语义。它表示页面的主导航。使用导航标签可以帮助搜索引擎识别页面上的主要导航。可能还有其他链接,但您的顶部菜单是主菜单。 希望这有帮助Nav在语义上更正确,并且优于Div。至于我读到的一些答案,Div通常被认为是在任何元素中使用的最后一个选项,但我们经常看到相反的情况 MDN定义Nav HTML元素表示页面的
div.navbar
固定导航栏,其他示例(如中)使用nav.navbar
。这两种方法的区别是什么?是否有使用一个而不是另一个的指导原则?两者都将输出相同的设计,但使用nav
标记在方法上更具语义。它表示页面的主导航。使用导航标签可以帮助搜索引擎识别页面上的主要导航。可能还有其他链接,但您的顶部菜单是主菜单。
希望这有帮助
Nav
在语义上更正确,并且优于Div
。至于我读到的一些答案,Div
通常被认为是在任何元素中使用的最后一个选项,但我们经常看到相反的情况
MDN定义Nav
HTML
元素表示页面的一部分,其目的是提供当前文档内或到其他文档的导航链接。导航部分的常见示例是菜单、目录和索引。
这里是的MDN页面链接
当我在互联网上搜索更多的
Navbar
时,我所能得到的就是Navbar
专门用于链接和按钮元素。它在导航系统中使用,正如我们在引导文档中看到的那样。谢谢你的回复,Vivek。您是否建议最好始终使用nav.navbar
而不是div.navbar
?是的。它是最适合使用的标签。正如您在文档部分所看到的,这里使用了nav标记,这是语义上的。