是否将h2标记嵌套在另一个标题中,而h1标记在语义上是错误的?

时间:2013-06-28 11:17:32

标签: html

将h2标签嵌套在另一个标头h1标签中是否存在语义错误?

 <h1 class="fixed">
    <h2 class="absolute">
        Absolute Div
    </h2>
</h1>

3 个答案:

答案 0 :(得分:13)

“语义错误”在很大程度上是一种观点问题(“语义”意味着“与意义相关”,但这里的含义是什么?),但构造甚至不是语法(正式)正确。根据所有HTML规范和草稿,h1元素不得包含h2元素。

关于“副标题”的标记,或标题的次要部分,对它进行了激烈的辩论,特别是关于提议的hgroup元素(可以让你使用{{1接下来是h1,好像它是一个单一的标题)。实际的方法一直是,现在仍然是使用像

这样的标记
h2

我在这里保留了你的班级名称,但是他们建议你也许不应该使用标题元素。 <h1 class="fixed"> Primary heading text<br> <small class="absolute"> Secondary heading text </small> </h1> 元素应该是页面的整体标题,而h1元素应该是下一个较低级别的标题,顶级页面的一部分。

答案 1 :(得分:1)

这是肯定的,因为<h>标记用于标题,不应嵌套。

因此,您要在标题中添加标题。更容易正常分开:

<h1 class="fixed">
    </h1>
<h2 class="absolute">
    </h2>

答案 2 :(得分:-4)

是的,绝对可以嵌套H标签,最好这样做以获得最佳页面SEO排名 你想要这样做的原因是打包一个页面,其中包含正确的标题标签,但允许你想要显示格式的CSS数字H设置。

您有几个选择:

  1. 您展示的那个是正确的:<h1><h2> Your heading</h2></h1> W3C验证将适合这一点,所以我建议选项2假装W3C验证和浏览器。
  2. 使用带有[custom_headline]标记的Themco X-Theme 这是如何工作的:

    [custom_headline type="center" level="h1" looks_like="h2"]Your Heading[/custom_headline]