0

我正在尝试在以下结构中使用 html5 标签，我的问题是它是否是一种合法的方式，如果您检查下面的代码，我仍然有很多 DIV 容器，我需要用于设计和网格目的，但我仍然想实现至少一个section标签，将主页文本标记为文章。现在我在部分内嵌套 div，H1 标题在靠近地址栏的文章之外。你认为这是一种合法的方式吗？或者我真的需要将 h1 放在文章标签内并尽量避免在部分或文章部分内使用 div，它是否有任何负面的 SEO 效果，HTML5 及其错误使用是否可能会产生任何负面的 SEO 效果。

<header>
    <div>
        <div>link 1 | link 2</div>             
        <nav>Major header navigation: Link 1 | Link 2</nav>             
    </div>
</header>

<div>       

<div>
<div>           
    <div class="breadcrumbs"></div>         
    <h1>Most important title</h1>                                                                           
</div>
</div>

<div>

<nav>
    Major page navigation:
    <ul>
        <li>Link 1</li>
        <li>Link 2</li>
    </ul>
</nav>     

<div>

<article>
    <h2>title 1</h2>
    <p>main content</p>
    <h2>title 2</h2>
    <p>main content</p>
</article>

<aside>
    <h2>extras</h2>
</aside>

</div>
</div>  

</div>

<footer></footer>

更新：我决定去掉部分并用 div 替换它。更新后的结构正在生成以下看起来更有希望的大纲： 1. 最重要的标题 1. 无标题的第 2 节。 无标题的第 3 节。 标题 1 4. 标题 2 5. 额外内容

标记为“无标题”的是我的资产净值，我不希望它们有任何标题，这是合法的吗？该文件仍然有效。

4

1 回答 1

2

您的标记创建以下大纲：

 1) 无标题（没有标题body）
   1.1) 无标题（第一个没有标题nav）
   1.2) 无标题（第二个没有标题nav）
   1.3) 你的（空）section标题
      1.3.1) 无标题（没有标题nav）
      1.3.2) 你的（空）article标题
      1.3.3）无标题（没有标题aside）

这可能不是你想要的。

你应该：

  • body在>中给出标题header（= 表示整个站点，例如您的站点名称）
  • 删除前两个nav元素中的一个（链接可以在nav每个分段内容的同一元素中全部出现（但是nav，如果您有不同的导航，则可能有多个元素；取决于内容）
  • 想一想，如果你找到一个合理的标题，section比如“我最近的博客文章”（你article会是这些最近的博客文章之一）（如果没有，你可能不应该在section这里使用）

请注意，第三个nav和aside都在section此处的范围内。这意味着此导航和辅助内容必须与section唯一（而不是整个页面）相关。

于 2012-10-02T10:42:22.223 回答