包含img元素的组验证为HTML5

Question

我已经读过一个hgroup只能包含Hx元素，但是，我有一个img包装在hgroup内的一个锚点，它仍然有效。根据规范，这实际上是允许的吗？

这是一个非常常见的标题结构，我目前正在使用它：

<header>
    <hgroup class="header">
        <h1 class="siteTitle">
            <a href="/">Site Title
                <img src="logo.png" alt="Site Logo" class="logo" />
            </a>
        </h1>
        <h2 class="tagline">Just another WordPress site</h2>
    </hgroup>
    <nav class="menu nav">Nav goes here</nav>
</header>

Answer 1

要使用您自己的示例回答，您的代码完全有效，因为hgroup元素仅包含 h1＆amp; h2 elemens。通过“ contains ”，标准指的是hgroup元素的直接子项：它们应该是h1-h6。每个标题元素中的html应该适用于h1-h6验证规则。因此，遵循验证器的逻辑，允许h1包含锚元素，并且允许锚元素包含img元素;因此你的代码是有效的html5。

Answer 2

我不知道你读过什么，但无论是你还是你都感到困惑。 hgroup只能有hx 孩子。 hx元素可以包含与没有hgroup时完全相同的内容，即包含img和a元素的措辞内容。

将其与ul元素进行比较 - 它只能有li个子元素，但li可以包含各种元素。