2011 год был важным годом для продвижения HTML5 в сообществе веб-разработки. Стандарт стал достаточно широко использоваться, особенно в мобильной сфере. Были программы, которые помогали разработчикам использовать HTML5, например HTML5 Boilerplate (технически, он появился в 2010 году, но стал популярным в 2011) и обилие книг. Я очень рекомендую книгу HTML5 for Web Designers Джереми Кейта, опубликованную уважаемым «A Book Apart».

Но то, что началось как направление в 2010 году, в 2011 стало правильным методом разработки многих вещей, например, сайтов для мобильных устройств, и улучшением технических возможностей, что включает интеграцию HTML5 в темы WordPress.

Что такое HTML5?

Что такое HTML5? Это последняя итерация HTML, развитие которой началось в 2004 году. Среди самых заметных изменений в HTML5 - появление тегов header, footer, article, nav и aside, полная поддержка новых типов полей ввода в формах, включая email и phone (которые обеспечивают правильную валидацию), атрибута placeholder (который позволяет показать подсказку в поле ввода) и ряд новых медиа элементов. Медиа элементы включают video, audio и canvas, который позволяет вам рисовать или динамически менять контент.

HTML5 прокладывает путь к более быстрым, более интерактивным, более семантически правильным сайтам (не говоря уже о том, что это лучший способ создания сайтов, дружественных к мобильным устройствам). Он включает функции, который раньше требовали javascript или Flash, а значит, ваши сайты будут менее зависимыми и работать на большем количестве платформ. Чем быстрее сайты начнут это использовать, тем лучше, а что является более подходящей платформой, чем WordPress?

Так как HTML5 проник в WordPress? Давайте посмотрим…

Поддержка в теме по умолчанию

Новая тема по умолчанию

В 2011 мы увидели новую тему, как нельзя метко названную "Twenty Eleven". Вдобавок к демонстрированию новых возможностей версий WordPress 3.0/3.2 и некоторым очень хорошим изменениям в дизайне (включая фантастическую типографику), Twenty Eleven - стала первой WordPress темой, поддерживающей HTML5 и CSS3. Я считаю это большим шагом вперед, поскольку на WordPress построено почти 15% из миллиона лучших сайтов по рейтингу Alexa.

В Twenty Eleven мы видим добавленную поддержку следующих тегов HTML5: <header>, <footer>, <aside>, <article> и <time>, для которых может быть прописан стиль с использованием CSS, поскольку Twenty Elevent также использует html5shiv - javascript-библиотеку, которая добавляет новые элементы HTML5 в DOM для Firefox, Chrome, IE7+ и других.

Это много значит для разработчиков, поскольку теперь они могут использовать преимущества HTML5 в стандартной теме WordPress. Мы можем, помимо прочего, создавать формы с лучшими типами полей ввода, добавлять новые форматы медиа, использовать <canvas>.

Распространение поддержки HTML5 в темах

После того, как тема по умолчанию начала поддерживать HTML5, другие темы последовали ее примеру*. Быстрый поиск в Google покажет множество подборок бесплатных WordPress тем с поддержкой HTML5, появившихся в 2011 году. Поддержка HTML5 стала одной из необходимых возможностей тем WordPress. Я подозреваю, что через год поддержка HTML5 будет подразумеваться во всех новых темах WordPress.

*Я знаю, что темы с поддержкой HTML5 были и до Twenty Eleven, но появление стандартной темы с поддержкой HTML5 поставило нечто вроде печати одобрения или официальной поддержки от WordPress.

Фреймоворки WordPress с поддержкой HTML5

Фреймворки тем WordPress тоже включились в движение HTML5, а это значит, что любая тема, использующая эти фреймворки, также будет использовать HTML5. Здесь мы можем видеть (и видели) распространение HTML5, поскольку на некоторых фреймворках могут работать тысячи сайтов. Вот список некоторых отличных фреймворков тем WordPress, которые также поддерживают HTML5:

Кроме того, есть HTML5 руководства по использованию и темы-потомки для Thematic и Thesis, - действительно больших Фреймворков в сообществе WordPress.

Плагины HTML5

Помимо тем, есть также бесчисленное множество плагинов, которые могут помочь в использовании HTML5 на WordPress сайтах. У вас будут все возможности, от вставки HTML5 audio и video тегов, до замены слоев элементами HTML5 типа <aside> и <nav> и создания форм в HTML5. Есть даже плагин, который вставит HTML5 Boilerplate в вашу текущую тему.

Подобные плагины позволяют каждому, кто использует WordPress (не только разработчикам тем), постепенно делать свои сайты более современными и платформо-независимыми, используя возможности HTML5.

Заключение

Хотя движение HTML5 началось в 2010 году, оно набрало сил в 2011 и проникло в каждый аспект разработки WordPress. HTML5 имел успех в сообществе WordPress: от тем (включая новую стандартную тему) и фреймворков, до плагинов и прочего.

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

Источник: WP.tutsplus.com

Вам понравился материал?

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

4 комментария

сначала новые
по рейтингу сначала новые по хронологии

ПОЗЫРИМ.РФ

Любовь

почитала характеристики... А он для 3.3.1 не подходит?

Если вы про плагин Boilerplate, то он совместим с версией 3.3.1.

Любовь

Yes!!! Хоть что-то ставится... :-)