代码之家  ›  专栏  ›  技术社区  ›  Nick

垂直<nav>菜单

  •  0
  • Nick  · 技术社区  · 2 年前

    将HTML5语义“nav”元素用于垂直侧导航菜单合法吗?

    我遇到的一些东西似乎表明它是水平的。

    1 回复  |  直到 2 年前
        1
  •  2
  •   Extraordinary    2 年前

    是的,将HTML5语义“nav”元素用于垂直侧导航菜单是合法的。可以随意使用“nav”元素进行垂直侧导航菜单。只要确保适当地使用它来帮助用户理解内容的结构和目的。 示例:

    <body>
      <nav>
        <ul>
          <li><a href="#section-1">Section 1</a></li>
          <li><a href="#section-2">Section 2</a></li>
          <li><a href="#section-3">Section 3</a></li>
          <li><a href="#section-4">Section 4</a></li>
        </ul>
      </nav>
      <main>
        <section id="section-1">
          <h2>Section 1</h2>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </section>
        <section id="section-2">
          <h2>Section 2</h2>
          <p>Nullam consectetur mauris euismod dolor consectetur, vel bibendum ante rutrum.</p>
        </section>
        <section id="section-3">
          <h2>Section 3</h2>
          <p>Donec vehicula nisi vel ex vestibulum, sed tempus sapien faucibus.</p>
        </section>
        <section id="section-4">
          <h2>Section 4</h2>
          <p>Etiam vulputate libero in elit finibus, sit amet cursus elit pellentesque.</p>
        </section>
      </main>
    </body>