Семантическая разметка

Один из типов содержимого, насчитывающий много новых элементов HTML5, отвечает за разбивку документа на отдельные части. В HTML5 для описания содержимого элементов определена новая, семантическая разметка.

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

Как уже отмечалось, при разработке HTML5 сделана попытка максимально учесть предыдущий опыт использования HTML. Компания Google проанализировала миллионы страниц в поиске общих идентификаторов имен в дескрипторах DIV и обнаружила огромное количество повторений. Например, для разметки нижнего колонтитула страниц многие разработчики используют в элементе DIV атрибут id="footer". Для создания различных частей документа HTML5 предоставляет новый набор элементов, который в современных браузерах можно использовать уже сегодня. Различные элементы семантической разметки приведены в табл. 1.2.

Ко всем перечисленным элементам могут применяться стили CSS. Фактически, как уже отмечалось, когда мы рассматривали применение принципа полезности при проектировании веб-страниц, HTML5 поощряет разделение представления и содержимого, поэтому для стилевого оформления страниц HTML5 следует всегда использовать CSS.

Пример разметки страницы HTML5 показан в листинге 1.1. Здесь используются новые объявления типа документа и кодировки, а также новые семантические элементы гипертекстовой разметки — проще говоря, новое содержимое, обеспечивающее разбиение документа на различные разделы. Файл с этим кодом находится в папке code/intro.