Вижу уже 2 вопрос от вас.. не нужно ломать голову.. что да как, тут не так всё тяжело. Было много версий HTML, и раньше делали по другому.. например..
<div id="header"></div>
Была блочная вёрстка, и верстали с помощью div'ов, им давали особый ид как выше в примере "header" тем самым обозначали что этот ид относится к шапке сайта. Но основатели HTML, решили ввести свою "Семантику" во всё это дело, и упростить , что бы и вам, и поисковикам было понятно что где находится. Конечно если вы используете HTML5.. нужно использовать его семантику.. глупо использовать HTML5 и верстать старыми методами (Как показано выше). Всё очень просто.
<header></header> - Это шапка сайта
<nav></nav> - Это навигация сайта
<footer></footer> - Это подвал сайта
<main></main> - Это основной контент страницы.
P.S Мой совет, почитайте про "Семантика HTML5" и вам сразу всё станет понятно)
