В нашем недавнем опросе почти половина респондентов заявили, что слишком рано использовать HTML5, а 3% заявили, что никогда не будут его использовать. Хотя риски существуют, есть несколько веских причин для инвестирования в HTML5 сегодня.
1. Спецификация HTML5 никогда не будет полной
Возможно, это преувеличение, но позвольте мне объяснить подробнее … Разработчики понимают спецификации программного обеспечения, и мало кто захочет сократить код на основе проекта документа; однако спецификация HTML5 отличается от вашей типичной спецификации программного обеспечения. W3C не новатор: он не устанавливает правила, которым должны следовать поставщики браузеров. Производители ведут путь, и их технологические идеи в конечном счете принимаются, отклоняются или изменяются, чтобы стать частью спецификации W3C. Весьма маловероятно, что спецификация HTML5 когда-либо будет полностью завершена. Единственный момент, когда это может произойти, — это когда производители и W3C рисуют линию на песке и переходят на HTML6 (или как они называют следующий стандарт). Если вы будете ждать окончательной спецификации HTML5, вы пропустите.
2. HTML5 это HTML
В отличие от ошибочной спецификации XHTML 2.0 , HTML5 является развитием HTML4 / XHTML 1.0. Вы уже знаете большинство из них. Есть 28 дополнительных тегов и несколько новых методов, но вы не будете использовать совершенно новый язык разметки. Инструменты разработки немного сложны, но валидаторы начинают появляться — validator.nu — один из лучших ,
3. Поддержка устаревших браузеров — проблема редкая
Firefox, Chrome, Safari и Opera могут использовать HTML5 сегодня. Пользователи этих браузеров имеют тенденцию к быстрому обновлению, поэтому нет необходимости беспокоиться о старых версиях, которые могут реализовывать странные правила синтаксического анализа. Это оставляет нас с Internet Explorer. Он не распознает новые теги, но может быть принудительно проанализирован, если вы добавите JavaScript shiv на свою страницу, который «создает» связанные элементы HTML5, например:
document.createElement("header");document.createElement("footer");document.createElement("nav");// etc, etc…
Включите следующий код в заголовок своей страницы, и IE6, 7 и 8 волшебным образом узнают HTML5:
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
Это не поможет браузеру понять такие технологии, как audio
, video
и SVG. В этих ситуациях вам нужно будет использовать запасной вариант, такой как Flash, но я подозреваю, что мы будем делать это для поддержки устаревших браузеров в течение многих лет.
Большинство браузеров, включая IE и Firefox, предполагают, что новые элементы HTML5 по умолчанию встроены. Поскольку вы почти наверняка захотите, чтобы такой элемент, как header
был элементом уровня блока, не забывайте использовать display: block;
в вашем CSS.
Теперь я подозреваю, что некоторые из вас думают: Вау! Держись там — а как насчет доступности? Что если мой пользователь IE отключил JavaScript? Справедливо, но реально, на скольких людей это влияет? IE9 будет поддерживать HTML5, рыночная доля IE уменьшается с каждым месяцем, и я подозреваю, что многие пользователи IE не могут отключить JavaScript, даже если бы захотели. Кроме того, если вы уже отказались от IE6, это затронуло бы гораздо большую долю пользователей. Даже если пользователи IE, не поддерживающие JavaScript, являются важной частью вашей демографической группы, самое худшее, что может произойти, — это то, что новые элементы HTML5 будут без стилей. Страница может выглядеть плохо, но содержание и функциональность должны работать.
4. HTML5 происходит
Несмотря на то, что HTML5 стал свободным маркетинговым термином, таким как Web 2.0 или Ajax, все основные поставщики браузеров поддерживают стандарт. У них могут быть свои причины и планы, но HTML5 уже здесь, и поддержка браузеров будет продолжать улучшаться и развиваться быстрыми темпами.
5. Не оставайтесь позади!
HTML5 означает разные вещи для разных людей. Для большинства веб-разработчиков это постепенная эволюция HTML, поэтому она менее интересна, чем периферийные технологии, такие как SVG, canvas, стандартизированное аудио / видео, геолокация и т. Д. Многие из ваших клиентов и, возможно, ваш начальник будут иметь другое мнение. Для них HTML5 — это технология, которую они видели, упоминаемая в деловой прессе; это в iPad, так что это должно быть круто. Поэтому разработайте несколько HTML5-страниц прямо сейчас: вы станете гуру, будете завидовать своим сверстникам и будете впереди игры!
SitePoint запускает новый курс HTML5 Live с Джоном Аллсоппом, начиная с 26 июля. Увидимся там!