Семантика
HTML семантика - это использование соответствующих тегов для описания смысла контента на веб-странице. Использование семантических тегов позволяет поисковым системам лучше понимать содержание страницы и предоставлять более релевантные результаты поиска, а также позволяет инвалидным пользователям лучше понимать и навигировать по странице с помощью специальных технологий доступа.
Основые теги
Основными семантическими тегами HTML являются "header", "nav", "main", "article", "section", "aside" и "footer".
- Тег "header" используется для определения верхней части страницы, которая обычно содержит логотип, заголовок сайта и навигацию.
- Тег "nav" используется для определения основной навигации сайта.
- Тег "main" используется для определения основного содержимого страницы, которое отличается от контента в "header", "nav" и "footer".
- Тег "article" используется для определения независимого контента, который может быть изолирован от остальной части страницы и понимается независимо от окружающего контента.
- Тег "section" используется для определения тематической секции контента на странице.
- Тег "aside" используется для определения контента, который является дополнением к основному контенту на странице, но не является необходимым для его понимания.
- Тег "footer" используется для определения нижней части страницы, которая обычно содержит информацию о копирайте, контактную информацию и другие сведения.
Использование семантических тегов может повысить доступность и доступность сайта, а также улучшить его восприятие поисковыми системами, что может привести к лучшему SEO и более высокому местоположению в результатах поиска. Это также может улучшить читабельность и понимание контента для пользователей, особенно для инвалидных пользователей, которые используют специальные технологии доступа.
Заключение
Поздравляю, это последняя глава про HTML! Теперь вы умеете делать базовые вещи и сможет создать несложный сайт. Не бросайте учится и вы добьетесь успехов! Советую вам попробовать написать небольшой сайт-портфолио, где вы задействуете большинство тем, которые изучили. Дальше вас ждут главы по CSS, приступайте к ним сразу после выполнения задания.