有了导航,浏览网站变得更加简单。当我们构建页面时,导航通常看起来是这样的。
我们已经习惯了使用列表标记导航,但我们还使用列表标记其他事情。那么问题来了,浏览器如何区分不同的列表?
好在我们现在有了nav
元素,来实现页面上的一个或多个“主要导航块”。不是所有的链接或者链接区块都是页面主导航,所以我们应该保留nav
元素,以便帮助人们快速区分出哪里才是页面导航
导航可能会包含跳转最重要页面的链接列表,它可能在header
中,可能在侧边栏,也可能在footer
中。接下来,我们将使用充满语义的nav
元素,取代以前的div
布局。
当访客通过搜索来寻找内容时,我们在nav
中添加一个搜索表单。如果我们包含跳转链接,这些也可以作为无障碍技术的主要导航区域。