Живопись. Фотография. Дизайн.

Register Login

Погружение в HTML5. Марк Пилгрим.

Погружение в HTML5. Марк Пилгрим.

Что представляет собой HTML5? Это - следующее поколение стандартов HTML 4.011, XHTML 1.02 и XHTML 1.13. HTML5 предоставляет новые функциональные возможности, необходимые современным Web-приложениям. Кроме того, этот стандарт регламентирует множество функций Web-платформы, которые Web-разработчики использовали годами, но которые никогда не проверялись и не документировались комитетом по стандартизации. Скажем, удивит ли вас тот факт, что объект Window никогда не был формально документирован? Помимо того что HTML5 вводит новые функции, спецификация HTML5 представляет собой первую попытку формально документировать все стандарты "де-факто", которые Web-браузеры использовали годами.

Пять фактов, которые необходимо знать о HTML5

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

1. HTML5 - это не есть некая большая, единая, "монолитная" сущность. У вас может возникнуть вопрос: "Как мне начать работать с HTML5, если старые браузеры его не поддерживают?" Но этот вопрос поставлен некорректно, потому что он уводит вас в сторону от обсуждаемой темы. Дело в том, что HTML5 — это не есть нечто единое и неделимое. Напротив, данная спецификация представляет собой набор индивидуальных функций и возможностей. Поэтому нет никакого смысла пытаться дать общее определение термину "поддержка HTML5". Однако, несмотря на это, вполне возможно дать определения поддержке отдельных функциональных возможностей, например, таких как элементы canvas, video или geolocation.

В главе 2 и приложении 1 будет показано, как правильно определять наличие поддержки браузером каждой из новых возможностей HTML5.

2. Вам ничего не придется «выбрасывать». Нравится вам это или нет, но вы не можете отрицать бесспорного факта: HTML4 - это самый успешный из всех форматов разметки, существовавших до сих пор. Формат HTML5 строится на базе HTML 4, на волне этого успеха. Вам нет никакой необходимости отказываться от имеющихся у вас «наработок» - вашей уже существующей разметки. Вам не требуется заново учить или переучивать то, что вы уже знаете. Если ваше Web-приложение работает сегодня, используя HTML 4, то оно будет работать и завтра, используя HTML5. На этом можно поставить точку.

OZON.ru - Книги | Погружение в HTML5 | Марк Пилгрим | HTML5: Up and Running | | Купить книги: интернет-магазин / ISBN 978-5-9775-0688-5 Погружение в HTML5 | Марк Пилгрим | HTML5: Up and Running | Купить книги: интернет-магазин / ISBN 978-5-9775-0688-5

Подробная и детальная информация о формах HTML5 будет приведена в главе 9.

3. Начать работу с HTML5 очень просто. «Обновление» до HTML5 может оказаться не сложнее, чем изменение типа документа (doctype). Тип документа должен быть указан уже в первой строке любой страницы HTML. Предшествующие версии HTML определяли большое количество типов документов (doctypes), и выбор правильного типа документа из числа доступных мог представлять проблему. В HTML5, напротив, существует только один тип документа. Обновление до типа документа HTML5 не разрушит вашу существующую разметку, потому что теги, определенные в HTML 4, по-прежнему поддерживаются и в HTML5. Но теперь вы сможете определять, использовать и новые семантические элементы наподобие article, section, header и footer, а также проверять их правильность.

Об использовании этих элементов подробно рассказывается в главе 3.

4. Все работает уже сейчас. Не имеет значения, что вы хотите делать с элементом <canvas>: рисовать на нем, воспроизводить видео, конструировать новые, усовершенствованные формы или строить Web-приложения, работающие автономно (offline), — вы быстро убедитесь в том, что спецификация HTML5 уже сегодня обеспечивается мощной поддержкой. Большинство популярных Web-браузеров, в том числе — Mozilla Firefox, Safari, Google Chrome, Opera, а также мобильные браузеры уже поддерживают такие элементы новой спецификации, как <canvas> (глава 4), <video> (глава 5), <geolocation> (глава 6), локальное хранилище <localstorage> (глава 7) и многое другое. Google уже поддерживает аннотации микроданных (microdata annotations), о чем будет рассказано в главе 10. Даже корпорация Microsoft, которая редко бывает первопроходцем в пунктуальном следовании новым стандартам (особенно тем, которые находятся на стадии разработки и еще не утверждены), будет поддерживать большинство функций HTML5 в ожидаемом релизе своего браузера Internet Explorer 91.

Каждая глава этой книги содержит диаграммы совместимости для всех широко известных браузеров. Что еще важнее, в каждой главе приводится открытая дискуссия о том, какие опции вам нужны для поддержки старых браузеров. Такие элементы HTML5, как <geolocation> (глава 6) и <video> (глава 5) оказались первыми функциями, предоставляемыми плагинами браузеров, наподобие Gears2 и Flash3.

Некоторые другие функции, например, <canvas> (глава 4), могут полностью эмулироваться с помощью JavaScript. В данной книге будет показано, как обращаться к этим функциям, встроенная поддержка которых обеспечивается новейшими версиями браузеров, не отказываясь при этом от старых версий.

5. HTML5 уже здесь, и это — всерьез и надолго. Как известно всем, Тим Бернерс-Ли (Tim Berners-Lee) изобрел Всемирную паутину (World Wide Web) в начале 1990-х годов. Впоследствии он основал Консорциум Всемирной паутины (World Wide Web Consortium, W3C), призванный координировать работу по созданию стандартов Web, чем эта организация и занималась в течение более чем 15 лет. Вот какое сообщение было сделано W3C относительно будущего Web-стандартов в июле 2009 года:

"На сегодня Директор объявляет о том, что, когда истечет срок действия текущего рабочего соглашения на право ведения деятельности для рабочей группы XHTML 2, намеченный на конец 2009 года, это соглашение продлено не будет. Поступая таким образом и выделяя основные ресурсы рабочей группе HTML, W3C выражает надежду на ускорение развития HTML5 и проясняет свою позицию относительно будущего HTML"1.

Так что HTML5 — это всерьез и надолго. А теперь давайте приступим к детальному изучению этой новой спецификации.

В данной книге будут рассмотрены следующие основные темы:

  • Новые семантические элементы наподобие <header>, <footer> и <section> (глава 3);
  • Элемент <canvas>, двумерная поверхность, содержимое которой можно программировать на JavaScript (глава 4);
  • Элемент <video>, который можно встраивать в Web-страницы без необходимости прибегать к сторонним плагинам (глава 5);
  • Элемент <geolocation>, который посетители вашего Web-сайта смогут выбирать для публикации своих географических координат в вашем Web-приложении;
  • Постоянное локальное хранилище, использование которого не будет требовать использования сторонних плагинов (глава 7);
  • Возможности автономной работы Web-приложений даже в случае разрыва сетевых соединений (глава 8);
  • Усовершенствованные Web-формы HTML (глава 9);
  • Микроданные (microdata), которые позволяют вам создавать собственные словари и встраивать семантическую разметку в документы HTML5 (глава 10).

Разработка HTML5 ведется таким образом, чтобы, по мере возможности, обеспечивать обратную совместимость с существующими Web-браузерами. Новые функции строятся на основе уже существующих и позволяют вам создавать информационное содержимое, которое (с игнорированием функций HTML5) может отображаться и более старыми версиями браузеров. Если вам требуется еще более высокий уровень контроля, вы можете выявлять поддержку браузером отдельных функций HTML5, используя всего лишь несколько строк на языке JavaScript.

Не следует полагаться в этом на слабые возможности самих браузеров. Вместо этого вы можете протестировать поддержку нужной вам функции HTML5 самостоятельно. О том, как это делается, рассказывается в главе 2.

Погружение в HTML5 | Марк Пилгрим | HTML5: Up and Running | Купить книги: интернет-магазин / ISBN 978-5-9775-0688-5

Скачать книгу - Погружение в HTML5 | Марк Пилгрим

Смотрите так же другие материалы:

HTML 5 и CSS 3. Веб-разработка по стандартам нового поколения. Брайан Хоган.

Хеник Б. HTML и CSS: путь к совершенству.

Сила CSS3. Освой новейший стандарт веб-разработок! Джилленуотер Зои.