【问题标题】:Could <hgroup> be used for markup in order to make a container for heading and subheading?<hgroup> 是否可以用于标记以制作标题和副标题的容器?
【发布时间】:2018-07-05 13:22:14
【问题描述】:

示例 ...

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 系统 我的错

【问题讨论】:

  • 这个问题似乎是关于如何组织一场社会运动来请愿改变;这 - 尽管有这个期望的改变的主题 - 并不会使这成为一个编程问题。顺便说一句,不要在签名中添加“标签”;我们已经有问题标签了。将它们复制为问题中的文本对任何人都没有帮助,并且会掩盖您(尝试)提出的问题。
  • 我投票结束这个问题,因为它不是一个编程问题,而是一个关于如何激励一群人请求改变的问题。跨度>
  • &lt;header&gt;tag 是怎么回事??
  • @G-Cyr 我使用&lt;h2&gt; 作为&lt;h1&gt; 标题的子标题,然后我意识到这是一个坏习惯。所以我有了为&lt;p&gt; 元素创建类.sh1 的想法,这意味着&lt;h1&gt; 的子标题。然后我向 w3c 提出了请愿书,但我并不是说这篇文章是关于发起一场社会运动以请求改变,我的意思是使用我的想法是否正确以及它是否尊重标记语法逻辑。
  • hgroup 在大多数浏览器中仍然是partially implemented(请参阅“使用说明”),因此主动重新调整它的用途可能不是一个好主意。同时,您使用&lt;p&gt; 标记作为子标题在语义上显然 不正确;使用真正的标题标签,或者至少包含一个 ARIA 标题角色。

标签: html css markup heading


【解决方案1】:

您的建议是 hgroup 元素在以前的 W3C HTML5 草案中如何定义的一部分,以及它在当前的 WHATWG living spec 中仍然是如何工作的。 (事实上​​,您的标记完全符合 WHATWG HTML。)

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-11-15
    • 1970-01-01
    • 2012-10-20
    • 2012-12-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多