垂直<导航>菜单

Vertical <nav> menu

提问人:Nick 提问时间:4/15/2023 最后编辑:Nick 更新时间:4/15/2023 访问量:45

问:

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

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

HTML 语义标记

评论

1赞 Rob 4/15/2023
HTML 元素用于描述其内容,而不是其布局。对于此类问题请始终参考标准。

答:

2赞 Extraordinary 4/15/2023 #1

是的,将 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>

评论

0赞 Nick 4/15/2023
谢谢:)似乎 Bootstrap 在这里也说没关系:getbootstrap.com/docs/4.0/components/navs