Описание структуры содержании HTML-документа

В HTML4 благодаря использованию CSS можно создавать страницы с хорошо понятной для пользователей визуальной структурой. Но эти страницы не были понятны для поисковых систем или браузеров. Для решения этой проблемы в HTML5 были введены семантические тэги.

Большинство страниц на HTML4 содержат типовые элементы, такие как «шапка», «подвал» и колонки. Как правило, в коде документа они выделяются с помощью блочного контейнера, для каждого из которых задается атрибут id или class (рис. 1.11).

Рис. 1.11. Стандартная структура страницы на языке HTML4.

Элементы используются, потому что в HTML4 и XHTML1 отсутствует средство для более точного описания семантики этих частей. В HTML5 включены новые элементы для представления каждого из таких разделов (рис. 1.12).

Рис. 1.12. Задание структуры страницы на языке HTML5 с помощью новых структурных элементов Код такой страницы будет иметь следующее описание:

…

…

…

…

…

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