Выберите собственную стратегию

Только вы решаете, как будете использовать HTML5 – осторожно или, наоборот, амбициозно.

По крайней мере что вы можете сделать без всяких проблем – это взять ваши текущие HTML– или XHTML-документы и изменить доктайп на:

<!DOCTYPE html>

Ну вот, вы только что сделали первый шаг в большой мир.

Теперь можете начать использовать роли ARIA – что вам, собственно, терять?

Если вы беспокоитесь по поводу новых структурных элементов, все равно можете начать привыкать к новой семантике, потренировавшись на именах классов:

<div class="section" >

<div class="header" >

<h1>Hello world!</h1>

</div><!– /.header – >

</div><!– /.section – >

По мере того как вы будете дальше продвигаться в мир HTML5, когда будете чувствовать себе более уверенно относительно новых элементов HTML5, можете заменить эти элементы div и имена классов соответствующими структурными элементами.

Если, пожалуй, еще слишком рано использовать более продвинутые типы ввода, такие как date, range и color, нет ничего плохого в том, чтобы использовать search, url, email и другие простые типы ввода. Не забывайте, что браузеры, которые не понимают этих значений, будут просто отображать поле ввода, как если бы оно было обозначено как type="text".

Если вы чувствуете в себе дух искателя приключений, можете начать играть с audio, video и canvas. Может быть, они не вполне готовы для крупных аудиторий, но это точно забавные игрушки, с которыми можно поэкспериментировать на вашем личном сайте.

Ресурсы

Я довольно часто пишу о HTML5 на своей личной страничке: http://adactio.com/journal/tag/html5

Я не единственный человек в мире, который с нетерпением ждет HTML5. Невероятный Брюс Лосон (Bruce Lawson) тоже записывает свои мысли: http://brucelawson.co.uk/category/html5/

Брюс – только один из активных участников HTML5 Doctor – отличного ресурса, сообщество которого пишет здесь множество прекрасных статей: http://html5doctor.com/

Если вы раздумываете, не взглянуть ли на более сложную сторону HTML5, то Реми Шарп выжимает из этого языка разметки все, что возможно: http://html5demos.com/

Марк Пилгрим (Mark Pilgrim) написал исчерпывающую книгу под названием «Погружение в HTML5» (Dive Into HTML5). Вы можете купить ее на сайте издательства O’Reilly или прочитать онлайн: http://diveintohtml5.org/

На тот случай, когда вам нужно отправиться напрямую к исходной точке, держите спецификацию HTML5 на кнопке быстрой загрузки: http://whatwg.org/html5

Спецификация HTML5 включает в себя большое количество информации, предназначенной для производителей браузеров. На сайте W3C есть актуальная версия спецификации специально для веб-разработчиков: http://www.w3.org/TR/html-markup

Включайтесь!

Отправляясь в путешествие по стране HTML5, вам может показаться, что какие-то разделы спецификации запутанны. Это нормально. Более того, это будет очень полезной обратной связью.

Над HTML5 работают очень умные люди, но веб-разработчиков среди них не так много. Ваша точка зрения будет крайне ценной.

Вы можете вступить в рабочую группу HTML при W3C в качестве приглашенного эксперта – не обращая внимания на кафкианский язык приглашения, которое вам нужно будет выписать себе от своего же лица, – но я бы не советовал этого делать. В списке рассылки для экспертов огромное количество писем, и большинство из них касается политики и различных внутренних процедур.

Если вы хотите обсуждать именно спецификацию HTML5, вам нужен список рассылки WHATWG: http://www.whatwg.org/mailing-list#specs

Еще есть IRC-канал. Иногда хочется пойти туда, где каждый знает твой никнейм: irc://irc.freenode.org/whatwg

Не надо стесняться. Канал IRC – отличное место, где можно задать вопросы и получить ответы на них от Яна Хиксона, Анны ван Кестерен (Anne van Kesteren), Лахлана Ханта (Lachlan Hunt) и других членов WHATWG.

Будущее

Я очень надеюсь, что эта быстрая прогулка вокруг HTML5 сподвигла вас захотеть начать изучать эту страшно интересную технологию. Я также надеюсь, что вы дадите знать WHATWG о плодах, которые это изучение принесет.

HTML – самый важный инструмент, которым владеет веб-разработчик. Без разметки не было бы веба. Мне кажется удивительным и прекрасным то, что каждый может внести свою лепту в эволюцию этой жизненно необходимой технологии. Каждый раз, когда вы создаете сайт, вы добавляете что-то к общему культурному наследству человечества. А выбирая HTML5, вы способствуете тому, чтобы будущее наступило раньше.


Об авторе

Джереми Кит – ирландский веб-разработчик. Живет в Брайтоне (Англия), работает в компании по веб-консалтингу Clearleft. Автор уже двух книг, «Скрипты для DOM» и «Пуленепробиваемый Ajax». Мечтает стать режиссером. Его домашняя страничка – adactio.com, а последний проект – Huffduffer – сервис, который позволяет делать подкасты из звуков, найденных в Интернете. Когда Джереми не разрабатывает веб-сайты, он играет на бузуки в группе Salter Cane.


[1] Описание различных этапов, которые проходят рекомендации W3C, см.: http://ru.wikipedia.org/wiki/Рекомендации_W3C. Прим. ред.

[2] В крупнейшем схоластическом труде Средневековья, «Сумме теологии» Фомы Аквинского, содержится ряд логических умозаключений о природе мира, Бога и в том числе ангелов (например: «Может ли ангел переместиться из одной точки в другую, не проходя нигде в середине между ними?»). Мыслители эпохи Просвещения, критиковавшие абсурдные с их точки зрения построения томизма, сочинили иронический «вопрос»: «Сколько ангелов могут одновременно танцевать на кончике иглы, не задевая друг друга?» Хотя у Фомы Аквинского нигде нет подобного образа, схожий («в раю тысяча душ может поместиться на кончике одной иглы») встречается в одном из немецких мистических текстов XIV в. Прим. перев.

[3] В англоязычной традиции. Отсутствие такой практики на других языках (в частности, на русском) – еще один аргумент в пользу точки зрения автора. Прим. перев.

[4] Полная ссылка: http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html

[5] Полная ссылка: http://www.w3.org/Wai/pf/html-task-force

[6] Полная ссылка: http://www.filamentgroup.com/lab/update_to_jquery_visualize_accessible_charts_with_html5_from_designing_with/

[7] Полная ссылка: http://code.google.com/p/explorercanvas/

[8] Джордж Буль (1815–1864) – один из предтеч математической логики, был профессором математики в университете Корка с 1849 года. Прим. перев.

[9] Полная ссылка: https://bugs.webkit.org/show_bug.cgi?id=25267

[10] В фильме «Выбор Софи» (Sophie’s Choice, 1982 год) главная героиня (Мэрил Стрип, получившая за эту роль «Оскар»), мать двоих детей, во время Второй мировой войны должна сделать выбор, кто из ее детей останется жить, а кто отправится в газовую камеру (если она откажется сделать выбор – погибнут оба). Прим. пер.

[11] Полная ссылка: http://www.alistapart.com/articles/semanticsinHTML5/.

[12] Полная ссылка: http://www.mnot.net/blog/2006/04/07/extensibility/.

[13] http://www.ieaddons.com/en/webslices/

[14] Полная ссылка: http://gsnedders.html5.org/outliner

[15] Полная ссылка: http://www.w3.org/TR/wai-aria/roles#role_definitions/.