<nav>
标签常用的子元素有:
<a>
:用于表示导航链接,其 href
属性指向跳转的页面地址。<ul>
:用于表示导航链接的列表,其中的每一项用 <li>
标签包裹。<div>
:用于将导航链接分组,便于样式控制。<span>
:用于将导航链接分组或者进行样式控制,一般需要通过 CSS 进行定制。需要注意的是,<nav>
标签应该仅用于包含站点的主要导航链接,而非所有链接。另外,在使用 <nav>
标签时,应该为其添加 aria-label
属性,以便于屏幕阅读器正确地识别导航功能。示例代码如下:
<nav aria-label="主导航">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品介绍</a></li>
<li><a href="#">解决方案</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
推荐学习网站:w3school