Структура HTML5 документа

Когда-то вначале изучения HTML, мы с Вами уже рассматривали структуру HTML документа. Сегодня я хочу предложить вашему вниманию структуру HTML5 документа. Хочу заметить, что ничего нового в самой структуре кода Вы не увидите, а отличие будет в том, что мы будем использовать структурные элементы, которые появились в версии HTML. На мой взгляд, замечательно, что разработчики придумали эти элементы, ведь, каждый из них отвечает за отдельный элемент на странице. Плюсов в этом большое множество. Теперь при просмотре кода, который будет вами написан, все будет гораздо понятнее, какая часть, за что будет отвечать. Также, если затрагивать оптимизацию вашего сайта, то для робота такая структура будет гораздо лучше индексироваться.

Давайте с Вами приступим к изучению данных тегов. Первый, тег называется header, используется он для задания шапки сайта. Второй тег, называется nav, в него Вы должны помещать ссылки, которые находятся на Вашем сайте. Чтобы быть точнее, и Вы не подумали, что каждую ссылку нужно оборачивать данным тегом, поясню, Вы оборачиваете в данный тег, только блоки ссылок, например меню на сайте, постраничную навигацию и т.д., при этом не запрещается использовать несколько таких тегов. Следующий тег, под названием article, в нем Вы можете размещать различные записи, например вот эту статью, которую я в данный момент пишу можно разместить в этом теге. Тег section, отвечает за раздел, т.е., Вы можете его применить для блока статей, также можете его применить для вступительной части статьи, а уже целую статью Вы помещаете в тег article. И последний элемент, который будет завершать структуру вашей страницы - footer, отвечающий за подвал сайта, в котором может находиться контактная информация, копирайты и другая служебная информация. Вот мы и рассмотрели все структурные элементы, которые относятся к HTML5, надеюсь, теперь Вы будете использовать изученные теги в вашей практике. До скорого!