这是我在 stackoverflow 上的第一个问题。如果我没有相应地格式化或询问，请提前原谅我。
所以，我看到人们以多种方式构建导航栏，特别是使用 flexbox，因此，我知道这个话题之前被多次提及，但是，如果出现以下情况，有人可以澄清一下吗:
我网站上的品牌/ Logo 是否必须位于
<h1>内用于 SEO 目的的任何其他标题标签的标签？将品牌/ Logo 留在
<nav>之外是否正确？标签？例如(下面的代码)，我会设置
<div>与class= container作为 flex 容器，但是站点其余部分中具有相同类的所有内容都将获得display: flex;也。您会建议创建一个单独的容器类来包含导航栏吗？我正在申请display: flex;在容器上和<ul>也因此所有人都在同一条线上。
非常感谢您花时间阅读本文，如果这是一个老话题，我再次表示歉意。我正在尝试更好地组织我的代码并了解最佳实践。
<body>
<header>
<div class="container">
<a href="" class="brand">
Brand
</a>
<nav>
<ul>
<li><a href="#" class="nav-link">services</a></li>
<li><a href="#" class="nav-link">about</a></li>
<li><a href="#" class="nav-link">location</a></li>
</ul>
</nav>
</div>
</header>
</body>
最佳答案
就 SEO 而言，您可以通过多种方式获得更好的评级。 H1 可能是最好的，但您可以使用任何标题标签，并强调粗体、斜体等内容。 该区域还有元标记，例如
<meta name="keywords" content="your keywords here">
在整个页面中使用关键字也是一个很大的帮助。人们在其页面上获得巨大成功的方法之一是将名称添加到链接中。就像您在网上看到的文章一样，它们将是/name_of_the_article.html，这对搜索引擎有很大帮助。
对于品牌/ Logo ，最好将其放在导航标签之外。你可能想把它放在它自己的 div 中，或者把它们都包在一个 div 树中，这样你就可以更容易地定位它。但是，如果您希望品牌/ Logo 与导航栏一起出现，那么您也可以将其放在那里。
对于容器部分，在没有看到 css 的情况下，我会说如果它们具有相同的样式，那么一定要将它们放在一起。但除非它们都是非常简单的东西，否则最好为它们提供自己的类作为一件事的样式，可能不适合另一件事。
如果您可以制作一个 jsfiddle 或 codepen，那么就可以更容易地了解您想要的具体关于类 css 的图片。
关于html - Flexbox 导航栏、容器和语义，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57964096/