Question

我是否应该将页面标题放在nav元素中，如果它在同一行？或者标题应该放在<nav>？

之上

TITLE OF PAGE               HOME BLOG PAGE1 PAGE2

码

<nav>

  <h1>TITLE OF PAGE</h1>

  <ul>
    <li>Home</li>
  </ul>

</nav>

Answer 1

标题应该在nav标签之外。导航标签旨在包含导航链接。由于您的标题不是导航链接，因此它确实不应该在那里。有关导航代码的说明，请参阅https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav。

Answer 2

正如您在W3C说明中所看到的，nav不是为此目的设计的，但它可能包含导航栏标题不页面标题。例如，请从该链接考虑此示例：

<nav>
    <h1>Navigation</h1>
    <ul>
        <li><a href="articles.html">Index of all articles</a></li>
        <li><a href="today.html">Things sheeple need to wake up for today</a></li>
        <li><a href="successes.html">Sheeple we have managed to wake</a></li>
    </ul>
</nav>

Answer 3

燃烧之光上面说的是正确的，如果它不是nav的一部分那么它就不应该存在。

我放在一起（很快就可能不是最好的）导航栏的jsfiddle。我希望我的徽标可以选择，并将用户导航回主屏幕，因此，导航中的徽标可以为我工作。

https://jsfiddle.net/cbq5my61/

Answer 4

有很多方法可以做到这一点，但在建立网站时，你也必须从SEO的角度来看。您的网站也必须在语义上正确。

它有助于抓取工具和索引网站以及构建网站地图变得更有意义。

nav用于包含导航菜单

您应该使用header标记

网站标题
网站徽标
网站标题

Answer 5

您可以选择将nav中的标题作为主页链接。否则，它应该保留在nav标记之外，因为它不被视为导航链接。这适用于SEO和更好的语义。但这并不意味着导航链接无法流向标题的右侧。

Answer 6

只要有意义，您可以将标题放在nav元素中。这意味着如果标题引入了导航（整个页面也可以是大型导航，因此它甚至可以是h1），可以将标题放在里面。

但是，如果标题是通用的 - 例如下面文章的名称或整个网站的名称，它不应该在nav元素内，我建议使用这样的东西：

<header>
    <h1>Page title</h1>
    <nav>
        <ul>
            <li><a href="something">FOO</a></li>
        </ul>
    </nav> 
</header>

有关详细信息，请参阅： https://www.w3.org/wiki/HTML/Elements/nav

标题应该是nav元素的一部分

6 个答案: