Question

我正在尝试在以下结构中使用html5标签，我的问题是，如果它是一种合法的方式，如果你检查下面的代码我仍然有很多DIV容器，我需要设计和网格目的，但我仍然想要实现至少一个section标签，将主页文本标记为文章。现在我在div中嵌入div，H1标题在接近地址栏的文章之外。你认为这是一种合法的做法吗？或者我真的需要将h1放在文章标签中并尽量避免div或文章部分内的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.无题部分标题1 标题2 5.额外的

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

Answer 1

您的标记会创建以下大纲：

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

这可能不是你想要的。

你应该：

在body＆gt; header中给出一个标题（=整个网站的标题，例如您的网站名称）
删除前两个nav元素中的一个（链接可以在每个切片内容的同一个nav元素中显示（如果您有不同的导航，则可能有多个nav元素，但;取决于内容）
想一想，如果你找到section的合理标题，比如“我最近的博客帖子”（并且你的article将是最近的博客帖子之一）（如果没有，你可能不应该在这里使用section）

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

合法的HTML5网站结构

1 个答案: