Так что это небольшая проблема, о которой я продолжаю думать время от времени. Около года или двух мне было любопытно, как лучше всего использовать элементы HTML5.
Наиболее частая техника, которую я вижу — использование таких элементов, как заголовок, нижний колонтитул, раздел, помимо классов и ролей ARIA на них. Используйте html5shiv.js для старых браузеров.
Это больше соответствует плавной деградации, чем прогрессивному улучшению. Если JS не включен или вообще недоступен в старых мобильных/настольных браузерах, мы теряем возможность стилизовать макет, созданный исключительно с элементами HTML5.
Другой подход, который я видел, больше соответствует прогрессивному улучшению и не полагается на включение JS в старых браузерах для правильной работы макета. Я кратко поговорил об этом с Джошем Кларком [Global Moxie]. Такой подход они использовали в m. версия журнала People. http://www.people.com/people/mobile/home/ Они использовали Элементы HTML5, помогающие определить семантику документа, и элементы div с классами для стилизации. Никакие стили не зависели от элементов HTML5, таких как заголовок, нижний колонтитул, сторона, раздел.
Один из моих вопросов: если роли ARIA уже установлены для элементов div, полезно ли накладывать элементы HTML5 на элементы div/span, чтобы придать разметке документа более четкое представление? Что это дает, кроме «семантики»?
При добавлении элементов HTML5 вокруг элементов div, используемых для стилизации, будет ли полезно перенести роли ARIA из элементов div в элементы HTML5? Я предполагаю, что так и будет, но хотел бы получить больше отзывов об этой технике.
