Семантический HTML — это часть HTML, которая помогает вам организовать ваш веб-сайт с учетом удобства обслуживания и SEO. SEO означает: поисковая оптимизация.

Когда вы придерживаетесь семантики HTML при создании сайта, этот сайт, как правило, позволяет поисковым системам повысить его рейтинг и, конечно же, облегчает навигацию по вашему сайту для программ чтения с экрана.

Вот некоторые семантические HTML-теги:

1-
Тег «заголовок» — это вводное содержимое страницы, навигационные ссылки, меню и/или панель поиска. Логотипы брендов тоже присутствуют!

2-
Тег «main» — это место, где находится основное содержимое страницы.

3-
Тег «статья» — это место, куда помещается независимый автономный контент. Контент, который имеет смысл сам по себе. Это может быть запись в блоге.

4-
Тег «раздел» разбивает контент на части. Обычно оно включает заголовок. Не тег «заголовок».

5-
Тег «в сторону» используется для добавления вторичного или связанного контента к сообщению на странице.

Примечание: тег «раздел» может быть вложен в тег «статья», а тег «в сторону» может быть вложен в любой из них.

6-
Тег «нижний колонтитул» содержит информацию о странице, например; контакты, ссылки и юридическая информация.

Спасибо, надеюсь, это поможет!