关于html：legit HTML5网站结构


legit HTML5 site structure

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<header>
   
        link 1 | link 2            
        <nav>Major header navigation: Link 1 | Link 2</nav>            
   
</header>

       


           
             
    Most important title                                                                          





<nav>
    Major page navigation:
   
<ul>

       
<li>
Link 1
</li>

       
<li>
Link 2
</li>

   
</ul>

</nav>    




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


    extras
</aside>


 



<footer></footer>

更新：我决定摆脱部分，并用div代替。更新后的结构将产生以下轮廓，看起来更有希望：
1.最重要的头衔
1.无标题的部分
2.无标题的部分
3.标题1
4.标题2
5.额外

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

相关讨论

您的标记创建以下轮廓：

1)无标题(无标题body)
1.1)无标题(第一个nav无标题)
1.2)无标题(第二个nav无标题)
1.3)您的(空)section标题
1.3.1)无标题(无标题nav)
1.3.2)您的(空)article标题
1.3.3)无标题(无标题aside)

这可能不是您想要的。

你应该：

  • 在> header中给出标题(=表示整个网站，例如您的网站名称)
  • 删除前两个nav元素之一(每个节内容的链接可以全部放在同一个nav元素中(但是，如果导航方式不同，则可能有几个nav元素；取决于内容)
  • 想想如果您找到section的明智标题，例如"我最近的博客文章"(而您的article将是这些最近博客文章之一)(如果没有，您可能不应在此处使用section)

注意，第三个nav和aside在此处属于section的范围。这意味着此导航和次要内容仅与section有关(而不与整个页面有关)。

相关讨论