2011 год был большим годом для продвижения HTML5 в сообществе веб-разработчиков. Это стало довольно широко распространенным, особенно для мобильного Интернета. Были крупные проекты, которые помогают разработчикам использовать HTML5, такие как HTML5 Boilerplate Пола Айриша (технически 2010, но популяризированный в 2011 году) и книги в изобилии! Я настоятельно рекомендую HTML5 для веб-дизайнеров Джереми Кейта, опубликованный маститой A Book Apart (сервис Happy Cog). Но то, что началось как движение в 2010 году, стало правильным способом работы в 2011 году, от мобильных веб-сайтов до прогрессивных улучшений, и это включает в себя интеграцию HTML5 в темы WordPress.
Что такое HTML5?
Что именно является HTML5? Это последняя итерация HTML, разработка которой началась в 2004 году. Некоторые из наиболее заметных изменений в HTML5 — это добавление тегов header, footer, article, nav и aside, целого множества новых форм ввода, включая электронную почту и телефон (который будет выполнять правильную проверку для вас), атрибут placeholder, который позволяет вам помещать пример текста в поле формы, и кучу новых медиа-элементов. Элементы мультимедиа включают поддержку видео, аудио и холста, что позволяет рисовать или иным образом динамически изменять содержимое.
HTML5 прокладывает путь к более быстрым, более интерактивным, более семантически корректным веб-сайтам (не говоря уже о том, что это лучший способ создания мобильных веб-сайтов). Он включает функции, которые раньше требовали JavaScript или Flash, что означает, что ваши сайты зависят от меньшего количества и работают на большем количестве платформ. Чем быстрее веб-сайты примут это, тем лучше, и какая платформа больше подходит, чем WordPress?
Так как же HTML5 попал в WordPress? Давайте взглянем…
Принятие темы по умолчанию
Новая тема по умолчанию
В 2011 году мы увидели совершенно новую тему под названием «Двадцать одиннадцать». Помимо демонстрации новых функций 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, другие темы следовали примеру *. Быстрый поиск в Google покажет вам массу сводок бесплатных тем WordPress HTML5 этого года. Поддержка HTML5 теперь является функцией тем WordPress, которые ищут люди. Я подозреваю, что к этому времени в следующем году предполагается, что HTML5 поддерживается всеми новыми темами WordPress.
* Я знаю, что до Twenty Eleven были темы HTML5, но опять же, похоже, что стандартная тема HTML5 получила одобрение / официальную поддержку WordPress.
HTML5 WordPress Frameworks
Фреймворки тем WordPress также включаются в действие HTML5, что означает, что любая тема, использующая эти фреймворки, также будет использовать HTML5. Это действительно то, где мы можем (и видели) широкое распространение HTML5, так как некоторые фреймворки могут поддерживать тысячи сайтов. Вот список некоторых замечательных каркасов тем WordPress, которые также поддерживают HTML5:
- Carrington
- Ящик для инструментов
- Корнеплоды
- HTML5 WordPress Reset
- WP ручной работы
- прессованные изделия
Кроме того, есть учебники по HTML5 и дочерние темы как для Thematic, так и для Thesis, которые являются довольно крупной платформой в сообществе WordPress. Мы также рассмотрели создание вашей собственной WordPress Framework в серии из 4 частей (написанной вами по-настоящему), которая поддерживает HTML5.
HTML5 плагины
Помимо тем, существует множество плагинов, которые помогают переносить HTML5 на сайты, управляемые WordPress. Вы получите все: от встраивания аудио и видео в формате HTML5, до изменения элементов div на элементы HTML5, такие как <aside> и <nav> , до создания форм HTML5. Есть даже плагин, который вставит HTML5 Boilerplate в вашу текущую тему.
Подобные плагины позволяют любому, кто использует WordPress, а не только разработчикам тем, постепенно и постепенно делать свои сайты более современными и более независимыми от платформы с помощью возможностей HTML5.
Вывод
Хотя движение HTML5 действительно началось в 2010 году, в 2011 году оно набрало обороты и вошло во все грандиозные разработки WordPress. От множества тем (включая новую тему по умолчанию) и фреймворков до плагинов и многого другого HTML5 оставил свой след в сообществе WordPress.
Чтобы обеспечить рост HTML5 в WordPress, разработчики, подобные нам, должны оставаться на переднем крае технологии. Каждый крупный браузер видит обновления, и с этими обновлениями поддерживаются дополнительные функции HTML5. Затем мы можем начать интеграцию этих функций в WordPress. Из-за этого я рад видеть, что принесет 2012 год.