Заголовок html5 внутри div

Question

У меня есть модальное всплывающее окно, которое обернуто внутри DIV. Модальное достаточно обширное, чтобы иметь H1, a body(DIV) и FOOTER.

Правильно использовать HEADER и FOOTER элементов таким образом?

Answer 1

См the specification:

Элемента заголовка представляет собой вводный контент для его ближайшего предка секционирования содержания или секционирований корневого элементу

(нижний колонтитул определяется с помощью аналогичного языка заголовка.) Div не является элементом секционирования, поэтому нет, неправильно использовать элемент заголовка или нижнего колонтитула таким образом. Вы бы определили верхний и нижний колонтитулы для (предположительно) элемента body, а не вашего div.

Если вы заменили div на подходящий секционирующий элемент, тогда это может быть уместно.