Вложенность в теге article?

Question

[Олег Андрианов]

В сети не нашел ответа на свой вопрос.
Есть тег article, в который я могу вложить header>h1, footer, p.
Обязаны ли теги header, footer, p быть СТРОГО дочерними по отношению к article, или я могу составить такую картину:
article>div>div>div>(header>h4 + div>p + footer)?

Comments

[Антон Литвиненко]

Просто должны быть внутри article, вложенности без разницы, но по хорошему почему сразу тег h4?

[Максим]

article переводится как статья, то есть если подумать то внутри могут быть только статьи и ни каких header и footer

[Олег Андрианов]

Антон Литвиненко, h4 это для примера. Не нашел статей на тему вложенности, не хочу ошибиться.

[Олег Андрианов]

Много Чего, вот здесь https://www.w3.org/TR/2017/REC-html52-20171214/sec... рассказывается об article, но пример с достаточно простой разметкой.

[Максим]

Олег Андрианов, это новенькое что то ..извеняюсь

[Антон Литвиненко]

Много Чего, article в данном случае не переводится дословно как статья. Скорее это независимая единица, которую можно вынуть из контента и вставить в другое место, при этом не нарушится логика. Опять же, Гляньте в сторону underscores. В шаблоны сингл и пейдж подключается шаблон content, который начинается с тега article, и в нем есть header, h1, footer.

Больше того, тегов header может быть в принципе больше одного на странице. И без article

[Максим]

Антон Литвиненко, я извенился вообще то ...

[Антон Литвиненко]

Много Чего, я долго печатал на мобилке

[Максим]

Антон Литвиненко, а я больше аниматор и чаще занимаюсь svg и css аннимациями ...потому семантику могу не знать досконально так как не отслеживаю тему

Answer 1

[Сергей delphinpro]

DIV - это элемент без семантики.
Поэтому, даже если вы сделаете структуру
article>div>div>div>(header>h4 + div>p + footer)
Она будет такой
article>(header>h4 + p + footer)

Comments

[Alex]

Не так давно столкнулся с похожим вопросом:
Если у нас есть структура
article>(header>h1)
Заголовок h1 будет асоциирован с article или с секцией header? Я когда в отладчике смотрел было похоже что заголовок не связывался с article