Основы HTML5

Воплощение концепции семантической разметки

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

Читать далее

Всякие полезности

Теги <figure> и <figcaption> приняты для разметки изображения на веб-странице. Нет, старый добрый <img> никуда не делся, но теперь устраняется досадное недоразумение, заключающееся в том, что рисунок и подпись к нему представляют два совершенно различных и не связанных по умолчанию элемента разметки. Теперь их можно поместить в один контейнер, не сдерживая форматирования в подписи, а само изображение может состоять из нескольких частей. Пример использования <figure>:

Читать далее

ARIA-роли

Все роли организованы в иерархическую структуру. Каждая имеет свой суперкласс и свои подклассы (кроме крайних в иерархии). Ниже суперкласс для роли указан после пояснения, в скобках.

Читать далее

Атрибуты и аксессуары

Прежде всего о глобальных атрибутах. Хотя, конечно, этот термин довольно нечеткий и неофициальный, но тут под ним принимаются атрибуты, присутствующие у большего числа элементов. Это, например, атрибуты class или id. В HTML5 их стало несколько больше.

Читать далее

Атрибуты data-*

Мне кажется, что не меньший прорыв, чем DOCTYPE. И столь же непонятный для людей, далеких от разработки. Но мы-то с вами знаем, каких усилий иногда требовала передача вместе с тегом дополнительной информации для обработки скриптом. Обычная практика — применять для этих целей атрибуты class или id, но пользоваться ими не всегда удобно, все же создавались они для другого.

Читать далее

Применение WAI-ARIA

WAI-ARIA задумана как всеобъемлющая технология, но нужна ли она при использовании таких тегов, как <nav>, <time> или, например, <header>? Правильный ответ — нет. Читать далее