Вы здесь: Главная Погружение в HTML5

Вступление: пять вещей которые вам
нужно знать про HTML5

1. Это не единое целое

[mock video player]

Вы можете спросить: «Как же я могу начать использовать HTML5, если старые браузеры не поддерживают его?». Но в самом вопросе уже заключается неточность. HTML5 — это не единое целое; это набор индивидуальных спецификаций. Поэтому в целом невозможно определить «поддержку HTML5», потому что по сути это бессмыслица. Но вы можете определить поддержку отдельных технологий, как например: canvas, видео или геолокацию.

Вы можете воспринимать HTML как теги и угловые скобки. Это важная его часть, но это далеко не всё. Спецификация HTML5 также определяет как эти скобки взаимодействуют с JavaScript с помощью объектной модели документа (DOM). HTML5 не просто определяет тэг В дальнейших главах этой книги, вы научитесь как правильно определять поддержку каждой новой возможности в HTML5.

2. Вам не придется ничего выбрасывать

[sample form controls]

Любите вы его или ненавидите, вы не можете отрицать, что HTML4 является наиболее успешным из существующих форматов разметки. HTML5 строится на этом успехе. Вам не придется выбрасывать существующую разметку. Вам не придется переучивать всё то, что вы уже знаете. Если ваше веб приложение вчера работало на HTML4, сегодня оно будет также работать в HTML5. Точка. Однако, если вы хотите улучшить ваши веб приложения, вы пришли по адресу.

Вот конкретный пример: HTML5 поддерживает все элементы управления формами HTML4, но он также включает в себя и новые элементы. Некоторые из них долгожданные дополнения вроде слайдера и выборки даты; другие более утонченные. Например, поле для ввода email выглядит точно так-же как текстовое, но мобильные браузеры изменят раскладку экранной клавиатуры, чтобы пользователю было легче вводить email адрес. Старые браузеры, которые не поддерживают новый формат будут интерпретировать его как обычное текстовое поле и всё также будет работать без каких-либо скриптовых хаков или особой верстки. Наличие обратной совместимости означает, что что вы уже сегодня можете улучшить, к примеру, свои формы, даже если некоторые ваши посетители застряли в прогрессе на IE6.

3. Очень легко начать

[sample HTML markup]

«Обновление» на HTML5 так-же просто как и смена doctype. Doctype уже должен быть первой строкой вашей HTML страницы. Прошлые версии HTML определяли множество типов doctype, и выбор подходящего конкретно для вашей задачи мог оказаться непростой задачей. В HTML5 есть только один doctype: Обновление doctype на HTML5 никак не нарушит существующую разметку, потому что все теги определенные в HTML4 будут поддерживаться в HTML5. Но это позволит вам использовать — и валидировать — новые семантические элементы, такие как, например 4. Это уже работает

[form field with onscreen keyboard]

Если вы хотите вы рисовать с помощью canvas, проигрывать видео прямо на сайте, использовать более удобные формы или создавать веб приложения, которые могут работать офлайн, вам будет полезно знать, что в HTML5 всё это уже поддерживается и работает. Chrome, Firefox, Safari, Opera и мобильные браузеры уже давно поддерживают canvas, видео, геолокацию, автономный режим и другие возможности. Google первым включил поддержку микроформатов. Даже Microsoft — широко известный тем, что всегда запаздывает с поддержкой новых стандартов — поддерживает большинство функций HTML5 в недавно вышедшем Internet Explorer 9.

Каждая глава этой книги включает в себя все известные несовместимости в отдельных браузерах. Но, что более важно, каждая глава включает в себя широкое обсуждение возможностей для случая, если вам необходима поддержка старых браузеров. Такие функции HTML5 как видео и геолокация сначала были реализованы с помощью технологий Gears и Flash. Другие функции вроде canvas можно полностью реализовать с помощью JavaScript. Эта книга научит вас как использовать встроенные возможности современных браузеров, при этом не оставляя без внимания пользователей старых.

5. Он пришел, чтобы остаться

Тим Бернерс-Ли изобрел всемирную паутину в начале девяностых. Позже, он основал W3C чтобы управлять веб-стандартами, чем эта организация и занималась на протяжении более чем 15 лет. Вот что сказал W3C о будущем веб-стандартов в июле 2009: «Сегодня, Директор сделал анонс, что когда фаза работы XHTML 2 Working Group закончится, как и было запланировано, в конце 2009, её работа не будет продолжена. Делая это, и увеличивая ресурсы HTML Working Group, W3C надеется ускорить разработку HTML5 и обозначить позицию W3C касательного будущего HTML.»

HTML5 пришел, чтобы остаться. Давайте погружаться.

Знаете ли вы?

В содружестве с Google Press, издательство O’Reilly распространяет эту книгу в множестве форматов, включая бумажный вариант, ePub, Mobi, и DRM-free PDF. Платная версия называется «HTML5: Up & Running» и доступна в магазинах.

Если вам понравился проект и вы хотите выразить признательность, вы можете купить книгу на Amazon или Ozon по этим аффилиатским ссылкам или купить электронную версию напрямую в O’Reilly. Вы получите книгу, автор — вознаграждение. Сейчас он не принимает прямые пожертвования.

«Дизайн — это не только то, как это выглядит и как чувствуется.
Дизайн — это еще и то, как это работает.» Стив Джобс

Copyright MMIX–MMXI Марк Пилгрим и К°