На чем говорит Всемирная паутина

Новости розницы

Пятая версия языка HTML

Что такое HTML? Уверен, большинство читателей усмехнутся, услышав данный вопрос. Действительно, каждый опытный интернет-пользователь, знает, что речь идет о языке, благодаря которому бесчисленное множество компьютеров по всему миру объединяется в одну структуру и представляется пользователям. Это то, что превращает загадочную Всемирную паутину в уютный Интернет.

Каждая версия языка HTML подлежит стандартизации Консорциума Всемирной паутины (World Wide Web Consortium, W3C). Первая версия имеет множество неофициальных стандартов, поэтому стандартизирована не была. HTML 2.0 был одобрен в 1995 году, а через четыре года была стандартизирована версия 4.0.1, актуальная на сегодня. Веб-технологии, развивавшиеся впоследствии, так или иначе использовали стандарт 1999 года. XHTML — это HTML c применением XML — языка структурирования баз данных, а SSI (*.shtml) — всего-навсего язык сборки веб-страниц из отдельных частей.

HTML сам по себе — это «прошлый век»; такой вывод напрашивается в предыдущем абзаце. В самом деле, Консорциум Всемирной паутины признал стандарт HTML устаревшим и направил усилия на развитие упомянутого выше XHTML. Но на этом развитие языка не остановилось. В 2004 году сообщество несогласных с решением W3C, Web Hypertext Application Technology Working Group (WHATWG), образованное, в основном, сотрудниками Mozilla Foundation, Apple и Opera, начало работу над проектом Web Applications 1.0. Успех WHATWG привлек внимание W3C, который прекратил работу над XHTML2 и начал активное развитие HTML5. В настоящее время обе организации ведут совместную работу над HTML 5, включив туда вторую версию Web Applications.

Логотип HTML 5

HTML 5 vs. Flash

Одно из основных преимуществ HTML 5 по сравнению с HTML 4 — нативная поддержка мультимедиа. Мы привыкли, что за это отвечает Flash и при его отсутствии возможности пользователя в Интернете серьезно ограничиваются. Кстати, это неизменно ставится в упрек компании Apple: стабильно работающий Flash не реализован даже в «настольной» Mac OS X, а в iOS он вовсе отсутствует. По всей видимости, «яблоки» устали от однообразных претензий, и на сайте производителя было опубликовано открытое письмо Стива Джобса. В нем бывший CEO Apple освещает основные причины, по которым Flash не привлекателен. Взглянем на них через призму HTML 5.

HTML 5 — открытый стандарт, а Flash целиком и полностью принадлежит Adobe. Следовательно, скорости развития Flash и HTML 5 несопоставимы. Также Flash имеет массу уязвимостей, список которых постоянно обновляется. С HTML 5 ситуация не столь удручающая, по крайней мере, на данный момент. Кроме того, практически весь имеющийся в Интернете flash-контент не поддерживает сенсорные девайсы, поскольку активно задействует работу с курсором мыши. Очень маловероятно, что HTML 5 наступит на те же грабли сегодня.

Логотип HTML 5

Однако Джобс не учел одного преимущества Flash над HTML 5. В отличие от последнего, в операционных системах Windows технология Adobe может использовать аппаратное ускорение, благодаря чему быстрее работает с требовательным видеоконтентом. Вот, пожалуй, единственное значительное преимущество Flash над HTML 5.

Возможности HTML 5

В сравнении Flash и HTML 5 сложно раскрыть потенциал последнего: мы ставим рядом мультимедийную платформу и полноценный язык разметки. Пора заострить внимание на новых функциях HTML 5.

Новая версия языка разметки, как упоминалось выше, изначально поддерживает мультимедиа-контент. Встраивать в страницу аудио и видео теперь можно при помощи тегов <audio> и <video> — так же просто, как графические файлы.

Более того, HTML 5 с помощью JavaScript позволяет создавать собственную растровую графику при помощи инструмента Canvas. Он задает область, в которой можно рисовать и сразу встраивать в веб-страницу растровые изображения, не отвлекаясь на сторонние программы. Использование элементов <canvas> должно серьезно облегчить жизнь веб-дизайнерам. Возможности инструмента можно оценить на сайте www.endlessmural.com. Навевает ассоциации с победным падением карт в пасьянсе «Косынка».

Пример применения Canvas

Возможность создания векторной графики также включена в HTML 5. Она реализуется при помощи языка разметки масштабируемой векторной графики SVG. Он «понимает» геометрические фигуры, координаты, различные средства визуальной обработки. С объектами SVG можно связывать события (клик, перемещение) и создавать сценарии, используя JavaScript. Поработать с SVG-объектами можно на www.tutorialspoint.com.

Пример применения SVG

Благодаря API геолокации HTML 5 может предоставлять веб-приложениям данные о местонахождении пользователя, определяемом при помощи GPS или другим способом. За это отвечает элемент <nav>. Инструмент реализован в веб-приложении Google Latitude.

HTML 5 позволяет временно хранить на компьютере пользовательские SQL-данные. Используя их, веб-приложения какое-то время могут работать оффлайн. На практике эта функция полезна при работе, например, с электронной почтой или онлайн-магазинами. Кроме того, разработчики имеют доступ к настройке данных, которые браузер сохраняет в кэше. Поэтому восстановленные в оффлайне страницы будут выглядеть именно так, как при работающем интернет-соединении. Работа этого и других элементов HTML 5 была подробно рассмотрена на прошедшем недавно Google Developer Day.

Мы перечислили лишь несколько новых возможностей HTML 5. На данный момент привести язык к стандартизации планируется к 2014 году — впереди еще множество улучшений. Но уже сегодня HTML 5 активно используется в магазине веб-приложений Google. О котором мы расскажем в одной из ближайших статей.



Николай Землянский (klauss_z@ixbt.com)
Опубликовано — 29 октября 2011 г.


   


Беспроводной маршрутизатор Zyxel Keenetic Extra II!
Промокод: IXBT

Для физических лиц


Samsung Galaxy S8 на Байон.ру еще дешевле!
Дополнительная скидка 5% на Samsung Galaxy S8 ECT по промокоду W22SAMSUNG


Бесплатная доставка товаров Logitech!
Мыши, клавиатуры, колонки и наушники - заказывай в интерне-магазине www.fcenter.ru

Нашли ошибку на сайте? Выделите текст и нажмите Ctrl+Enter
Система Orphus