Теги header и footer

04.03.2012
В HTML5 появились новые теги для выделения новых семантических элементов, это header и footer.

Новьё


Опытный веб-дизайнер сразу поймёт для чего они. Они призваны выделить пару основных семантических элемента страницы, это "шапка" и "подвал".
Раньше их приходилось делать при помощи div, и оформлялись они обычно следующим образом:
и

но ничто не мешало обозвать класс по другому.
А теперь всё будет гораздо проще и понятней, как для людей, так и для машин:
и соответственно


Поддержка


Все современные браузеры поддерживают новые теги. Но чтобы избежать проблем со старыми версиями, в CSS необходимо добавить следующие:
header, footer

{
display: block;
}
И всё, указав браузеру что данные теги необходимо отображать как блочные элементы он их будет правильно отображать.
Правда вот, с IE такой трюк не пройдёт.
X