时间戳

首页 > 解决方案 > 可以

用于标记以制作标题和副标题的容器？

html - 可以
用于标记以制作标题和副标题的容器？

问题描述

例子 ...

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 系统 我不好

标签： htmlcssmarkupheading

解决方案

您提出的内容是hgroup元素在以前的 W3C HTML5 草案中如何定义工作的一部分，以及它在当前的WHATWG 生活规范中仍然是如何工作的。（事实上​​，您的标记完全符合 WHATWG HTML。）

除了hgroup不再出现在 W3C HTML5 中，而且已经有几年没有出现了，似乎没有恢复的计划。如果你想遵循 W3C HTML5，你根本不被允许使用hgroup。

推荐阅读