Изучаем HTML 5-Б. Лоусон, Р. Шарп - 2011

34 • Глава 1

НУ ПОЧЕМУ ЖЕ ЗДЕСЬ НЕТ ЭЛЕМЕНТА <CONTENT>?

Довольно просто представить себе, как работало бы наше гипотетическое сочетание клавиш «переход к панели навигации», однако гораздо чаще пользователю требуется переход к основной области контента. Некоторые дизайнеры для удобства работы с сайтом добавляют вверху страницы ссылку «skip links», которая позволяет программам экранного доступа обойти элементы навигации. Но ведь в HTML5 нет элемента ^ ¹ ^ , к которому должен осуществляться переход! Как в таком случае программа экранного доступа (или поисковая система) узнает, где начинается основная область контента?

На самом деле определить это очень просто:для этого можно использовать «алгоритм Скуби-Ду» (как я его называю). Всегда очевидно, что в костюме привидения скрывается угрюмый привратник парка развлечений, просто потому, что он единственный персонаж серии, который не является Фредом, Дафной, Велмой, Шэгги и Скуби. Точно так же первый фрагмент контента, не заключенный в теги <header>, , - -sj.de или является признаком начала ос

новной области контента, и при этом не важно, находится ли он внутри элемента или

или же является прямым потомком элемента <hody.\ Если вы хотите перестраховаться, используйте WAI-ARIA и добавьте role-main к тегу, обрамляющему основной контент (более подробно о WAI-ARIA рассказывается в главе 2).

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

Перед тем как перейти к обсуждению значения и сферы применения этих новых элементов, давайте создадим оформление для основных частей страницы.