有人能解释一下h1标签的正确用法吗?

时间:2017-07-17 08:21:24

标签: html5 html4

在html4标题中是创建结构的,但是在html5结构元素中却没有,但是这个算法还没有得到支持,因此目前使用html4创建结构的方式。这导致了一些关于h1的细微差别信息,我希望能够得到澄清。根据我对html4的理解,应该只有一个h1标签,它应该代表页面的标题标签。但是我也听说你可以在html5中有多个h1标签,因为它们代表了结构元素,类似于如何在页面上有多个页眉和页脚,这是真的吗?如果支持html5结构,那么这是否意味着html4样式标题结构不再有效?

  <section>
      <article>
          <header><h1>cats</h1></header>
      </article>
      <article>
          <header><h1>dogs</h1></header>
      </article>
  </section>

2 个答案:

答案 0 :(得分:3)

从语义上讲,hobby一直只是意味着某个部分的顶级标题。

想想一篇博文。您应该使用<h1>作为帖子的标题,然后帖子内的每个标题都应该是一个子标题。

但是,您仍然可以在同一页面上拥有多个帖子(即无限滚动网站)。

这是您的HTML5代码定义的内容。一页上只有两篇文章。您始终能够执行此操作,并且在HTML5和HTML4中均有效。 只要您正确使用{{strong}>

,您就可以拥有<h1>标签数量的语义限制:
  • 它们应始终代表文章的顶级标题;
  • 不要嵌套<h1>代码;
  • 请勿使用它们来定义具有标题的文章中的内容部分。

答案 1 :(得分:0)

HTML4,具有单个h1标签通常用于结构。 HTML5不再适用。结构现在是Nav,Section,Article,Aside,这意味着在每个根目录中,如Nav或Section或Article,或者每个可能有一个H1元素。当然,在每个根目录中看到多个H1标签的网页抓取工具(导航,部分,文章,旁边)可能会对您的搜索引擎优化产生影响,并且可能会在风格上降低您的网页对查看者/读者的影响。