在HTML中,<nav>
标签用于定义页面中的导航链接部分。它通常包含一组指向其他页面或页面内部不同部分的链接。使用<nav>
标签可以让网页结构更清晰,同时也可以增强SEO效果。以下是一些<nav>
标签的使用注意事项和示例代码:
<nav>
标签应该只用于页面主要导航部分,而不是任何其他链接,如社交媒体链接或广告链接。<nav>
标签应该包含一个标题,使用<h1>
标签或类似标签,以便屏幕阅读器和搜索引擎可以正确识别导航部分。<nav>
标签通常与<ul>
和<li>
标签一起使用,使用列表来展示导航链接。<nav>
标签也可以与<a>
标签一起使用,将链接嵌套在导航列表中。示例代码:
<nav>
<h1>Main Navigation</h1>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about">About Us</a></li>
<li><a href="/services">Services</a></li>
<li><a href="/contact">Contact Us</a></li>
</ul>
</nav>
在这个示例中,<nav>
标签包含一个标题“Main Navigation”,并使用<ul>
和<li>
标签来展示四个导航链接。使用<a>
标签将链接嵌套在列表中。