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

Рейтинг:  0 / 5

Звезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активна
 

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

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

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

Таблица 1.2. Новые элементы секционирования документа в HTML5
Элемент секционирования Описание
header Содержимое верхней (начальной) части страницы или ее секции
footer Содержимое нижней (завершающей) части страницы или ее секции
section Секция веб-страницы
article Содержимое внешней статьи
aside Связанное содержимое или выдержка
nav Навигационные ссылки

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

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


Обмениваться, хранить, передавать Ваши файлы стало просто как никогда.
yandex-disk

Читать подробнее: для чего Yandex-Диск проекту Mini-Server. Практика установки, настройки и использования сетевого хранилища на Ubuntu server LTS 12.04 в статье Резервное копирование сервера Ubuntu на Яндекс Диск.

>> Ubuntu 12.04 + Nginx Скачать сервер
>> Fedora 15 Скачать сервер
>> Простой Debian 6.0.6 Скачать сервер
>> CentOS 6.0 и
+ (5.6) другой
Скачать сервер
>> OpenSUSE 11.4
MAX
Скачать сервер

Вход на сайт

ВНИМАНИЕ!

Регистрация на сайте только по согласованию с администратором ресурса. Обращаться через форму обратной связи.