HTML nav 标签

HTML 中的 <nav> 元素用于在 HTML 文档中设置导航链接。此标签于 HTML5 中引入。

现在让我们看一个在 HTML 中实现 <nav> 标签的示例 −

示例

<!DOCTYPE html>
<html>
<body>
<nav>
   <a href="/tutorialslibrary/">Tutorials</a> |
   <a href="/programming_examples/">Codes</a> |
   <a href="/online_dev_tools/">Tools</a> |
   <a href="/articles/">Articles</a> |
   <a href="/questions/index.php/">QA</a> |
   <a href="/current_affairs/index.htm/">Current Affairs</a>
</nav>
</body>
</html>

输出

上面，我们用 <a> 标签和 href 属性设置了一些超链接 −

<a href="/tutorialslibrary/">Tutorials</a> |
<a href="/programming_examples/">Codes</a> |
<a href="/online_dev_tools/">Tools</a> |
<a href="/articles/">Articles</a> |
<a href="/questions/index.php/">QA</a> |
<a href="/current_affairs/index.htm/">Current Affairs</a>

为了正确排列它们，我们使用了 <nav> 元素 −

<nav>
   <a href="/tutorialslibrary/">Tutorials</a> |
   <a href="/programming_examples/">Codes</a> |
   <a href="/online_dev_tools/">Tools</a> |
   <a href="/articles/">Articles</a> |
   <a href="/questions/index.php/">QA</a> |
   <a href="/current_affairs/index.htm/">Current Affairs</a>
</nav>

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/