Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Структура документа

.

Структура документа

В предыдущих версиях HTML вы могли составить представление о структуре документа, просто взглянув на число уровней заголовков (от hi до h6). Каждый раз, когда добавлялся новый уровень заголовка, вы делали один шаг в глубь иерархии документа. К примеру, в результате обработки браузером такой разметки:

Структура документа

будет отображаться документ, показанный на рис. 3.1.

Структура документа

Рис. 3.1. Простая разметка документа

Предпочтительным считалось иметь на каждой странице только один заголовок первого уровня, за которым могли последовательно идти другие уровни заголовков.

Для того чтобы упростить синдицированис контента и упростить его портируемость, спецификация HTML5 обеспечивает четкий алгоритм создания структуры гипертекстового документа. Любой элемент, попадающий в категорию «секционного контента», создает новый узел в структуре документа HTML. Заголовки внутри блока секционного контента создают «подразумеваемые» разделы — так, как это было в приведенном выше простом примере.

Звучит сложнее, чем есть на самом деле. Чтобы понять это, давайте перепишем вышеприведенный листинг с использованием элементов HTML5:

Структура документа

В результате получим ровно ту же структуру, что и в первом примере: каждый фрагмент секционного контента (элементы article в этом примере) создает новую ветку в дереве документа, и поэтому может иметь собственный заголовок первого уровня. Таким образом, каждый раздел имеет собственную структуру документа.

Преимущество нового алгоритма в том, что он позволяет перемещать целые разделы в совершенно новый документ, не нарушая разметки. 11а-пример, заголовок постинга на отдельной странице блога может иметь мерный уровень (ill), а в выносах на ленту его уровень нужно изменить на второй или третий (h2 или h3), ведь у ленты есть собственный заголовок (hi). Используя элементы HTML5, вы можете полностью сохранить разметку, поскольку в каждом разделе может быть собственная иерархия заголовков.

Очень важно отметить, что прежний вариант создания HTML-страниц с единственным заголовком первого уровня по-прежнему допустим. Ваши страницы останутся валидными, даже если вы не захотите воспользоваться преимуществами легкого синдицирования и портирования.

.

Читайте так же:
Not found