Урок с практикой по HTML (Онлайн курсы)
Выбрать другой урок из курса
Обсуждение
Теория урока

Структурирование страницы при помощи HTML5

Структура страницы

  1. При помощи тега <header> можно создать шапку сайта. В чем отличие, например, от <div class = "header"></div>: все дело в поисковике, он воспринимает тег <header> как шапку, а <div class = "header"></div> ему полностью безразличен.
  2. Подвал сайта (футер) можно создать при помощи тега <footer>.
  3. При помощи тега <article> можно выделить основной контент (статью или любой текст).
  4. Чтобы создать сайдбар (боковая панель), нужно использовать тег <aside>.
  5. Тег <main> применяется для выделения основного содержимого. Это содержимое не должно включать в себя боковую панель, подвал, шапку.
  6. Для выделения навигации сайта используется тег <nav>. Обычно выделяют главные ссылки.
  7. Чтобы, например, разбить текст на блоки используется тег <section>.
<
×
>
Не публикуйте свой код прямо в комментариях. Во-первых, он плохо отображается. Во-вторых, он может содержать для кого-то «спойлеры», т.е. ответы на практику. Воспользуйтесь специальными сервисами: cssdeck.com или jsfiddle.net.
Комментарии, содержащие код (пару строк не считается), будут безжалостно удаляться.