Элемент нижнего колонтитула и элемент заголовка в элементе div становятся верхним и нижним колонтитулом элемента div?

Question

Я написал следующий код.

<header>page header!</header>
<div class="content">
  <header>content header?</header>
  <footer>content footer?</footer>
</div>
<footer>page footer!</footer>

Я прочитал много статей, я знаю, что элементы div семантически бессмысленны.

Если да, то где вы принадлежите элементам верхнего и нижнего колонтитула вэлемент div кода, который я написал?

Я не ищу альтернативу элементу div.Я хочу знать, функционирует ли нижний колонтитул элемента div как нижний колонтитул содержимого элемента div.

Спасибо.

Answer 1

Элементы верхнего и нижнего колонтитула относятся к элементу контента секционирования ближайшего предка - раздел, в стороне, article или nav - или корневому элементу секционирования ближайшего предка - blockquote, details, fieldset, td, figure, dialog.

Если верхний / нижний колонтитул не является потомком какого-либо из них, то это относится к документу в целом.(элемент body является частным случаем секционирования корневого элемента)

В вашем примере, поскольку div не является секционированием контента или секционированием корня, документ в целом имеет два верхних и два нижних колонтитула.

Answer 2

И header, и footer могут использоваться для семантического описания document или section в документе.

https://www.w3schools.com/html/html5_semantic_elements.asp

<header>page header!</header>
<section>
  <header>section header</header>
  <footer>section footer</footer>
</section>
<footer>page footer!</footer>