Question

示例...

HTML：

    <hgroup>
      <h1>I'm a Title!</h1>
      <p class="sh1">It's a subtitle there! :D</p>
    </hgroup>

CSS： 在这里，我设置了标题和副标题的样式。请注意，html5不支持子标题，因此我对类有以下想法。

    h1 { font-size: 2em; } /* default */
    h2 { font-size: 1.5em; } /* default */
    h3 { font-size: 1.17em; } /* default */ /* default for h4 is .83em; */

    :root {
        --sh1: 1.75em; /* subheading text size for h1. */
        --sh2: 1.335em; /* subheading text size for h2. */
        --sh3: 1em; /* subheading for text size h3. */
    }

    p .sh1 { font-size: var(--sh1); } /* shn means subheading */
    p .sh2 { font-size: var(--sh2); } /* it would work like <hn> tag */
    p .sh3 { font-size: var(--sh3); } /* it would be great to have <shn> */

所以，我的问题是...

您可能知道，w3c实际上不支持hgroup标记，因为它们是不相关的。它们以前包含几个hn标题，这被认为是一个坏主意，并且没有通过w3c推荐系统。

因此，我的想法是...

与其使用简单的容器来存放多个hn标题，不如使用hgroup标签将每个hn标题与shn子标题一起封装在同一hgroup中！ = D

编辑： 这不是要问w3c改变hgroup的工作方式，而是要问你我的想法是否可靠，并且尊重w3c系统 我的坏

Answer 1

您提出的内容是如何定义hgroup元素以在以前的W3C HTML5草案中工作的，以及如何在当前WHATWG living spec中起作用。（实际上，您的标记完全符合WHATWG HTML。）

除了hgroup已经不在W3C HTML5中，而且已经有好几年没有恢复计划了。如果您想遵循W3C HTML5，则根本不允许使用hgroup。

可以使用<hgroup>进行标记，以使容器成为标题和子标题吗？

1 个答案: