HTML教程-HTML<nav>标签

作者: 鱼丸

时间: 2023-06-08

分类: HTML教程

HTML <nav> 标签用于表示包含导航链接的部分，可以是当前文档内的链接，也可以是指向其他文档的链接。一些导航链接的示例包括菜单、目录、索引等。

<nav> 标签是在 HTML5 中新增的标签。

提示：您可以在页面中使用多个链接，但并不需要将所有链接都放在 <nav> 标签中。它应该只包含主要的导航链接块。

语法

<nav>.....</nav>

以下是关于 HTML <nav> 标签的一些规范说明：

显示方式	块级元素
开始标签/结束标签	开始和结束标签都存在
用途	结构化

示例

<!DOCTYPE html>
<html>
<head>
  <title>Nav Tag</title>
  <style>
    a {
      text-decoration: none;
      color: green;
      font-size: 20px;
      padding: 8px;
    }
    a:hover {
      color: blue;
    }
    h1 {
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>Example of Nav tag</h1>
  <nav>
    <a href="#">Home</a> |
    <a href="#">Courses</a> |
    <a href="#">About-us</a> |
    <a href="#">Contact-us</a>
  </nav>
</body>
</html>

属性：

标签特定属性：

HTML <nav> 标签不包含任何特定的属性。

全局属性：

HTML <nav> 标签支持全局属性。

事件属性：

HTML <nav> 标签支持事件属性。

支持的浏览器

元素	Chrome	IE	Firefox	Opera	Safari
`<nav>`	是	是	是	是	是