Основы HTML5

Проверять возможности, а не версии

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

Читать далее

Moz, webkit и прочие vender-грабли

Основными инициаторами новых возможностей и проводниками передовых стандартов являются, вполне ожидаемо, производители браузеров. Совершенно привычно, когда новейшие технологии впервые описываются или даже демонстрируются на какой-нибудь IT-конференции представителями команды разработчиков Google Chrome, Mozilla Firefox, Internet Explorer или Opera. Читать далее

INPUT, а OUTPUT?

Да, именно это пришло в голову разработчикам. Раз есть ввод, почему не может быть вывода? Тем более искусственные конструкции, выполняющие подобные функции, сплошь и рядом создаются на веб-страницах. Итак, встречайте — элементы вывода!

Читать далее

Modernizr — бархатный путь в HTML5

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

Modernizr — это небольшая библиотека JavaScript, распространяемая по лицензии MIT & BSD, призванная разрешать конфликты, вызванные разной степенью поддержки браузерами технологий HTML5 (canvas, аудио, видео, локальные хранилища и т. д.) и CSS3 (градиент, border-radius, трансформации). Читать далее

Не только разметка — объект ValidityState и другие

Для более тонкой валидации введенных значений на стороне клиента предназначен новый объект ValidityState. Он доступен (при поддержке этой возможности браузером) для любого элемента ввода. Получить доступ к нему можно следующим образом:

Читать далее

HTML — это теги

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

HTML5 Accessibility — всего лишь доступность (ARIA, WCAG)

Веб-интерфейсы сейчас повсюду, и давно уже не только на PC и лэптопах. HTML5 дает действительно удивительные возможности по реализации в этих интерфейсах различной, невиданной доселе функциональности и просто смелых UI-решений, но… Читать далее

Структура страницы

Итак, начнем погружение в HTML5, и начнем его с самого верха страницы. С тега HTML? Нет, еще выше, с DOCTIPE! Именно здесь нас ждет самое радикальное и, наверное, самое приятное изменение, ради одного которого уже стоило начинать революцию. DOCTYPE теперь выглядит так:

Читать далее