hgroup, содержащая элемент 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 & h2 elemens.« содержит », стандарт относится к прямым потомкам элементов hgroup: они должны быть h1-h6.HTML внутри каждого элемента заголовка должен применяться к правилам проверки h1-h6.Таким образом, следуя логике валидатора, h1 может содержать элементы привязки, а элемент привязки может содержать элемент img;поэтому ваш код действителен html5.

Answer 2

Я не знаю, что вы прочитали, но либо вы, либо вы сбиты с толку.hgroup может иметь только hx детей .Элементы hx могут содержать точно такой же контент, какой они есть, когда нет hgroup, то есть формулирующий контент , который включает элементы img и a.

Сравнитьэто с элементом ul - у него могут быть только li дочерние элементы, но li s может содержать все виды элементов.