HTML 5 – игры, мультимедия и новые возможности

HTML 5 – игры, мультимедия и новые возможности

Уверенно можно заявить, что абсолютно каждый пользователь сети интернет знает, что представляет собой html, однако далеко не каждый даже представляет, на что способен совершенно новый html 5. Новые возможности веб-языка предназначены для взаимодействия с формами, создания web-приложений, интерактивных сайтов, подключения к страницам интернета, имеющим мультимедийный контент, а также для структурирования документов и работы с различными программными интерфейсами.

HTML 5 – игры, мультимедия и новые возможности

Смотрите полный видеокурс на iTunes

Рассмотрим области применения html 5. Во-первых, новые структурные возможности намного упрощают структуру веб-документа и делают код на порядок чище. В старом html 4-й версии применялся контейнер div, который с большим успехом заменили семантические элементы footer, header, section, nav, aside и article. Во-вторых, мультимедийные возможности html 5 игры не могут остаться без внимания. Теперь они не требуют установки дополнительных программ, таких как, например, Adobe Flash. Воспроизводить видео и музыку можно непосредственно в самом браузере. Кроме того, фотографии и изображения размещать стало намного проще и удобнее, и также это не требует использования дополнительного пакета софта. Одно из наиболее весомых преимуществ перед старым веб-языком – это создание функции Canvas, которая позволяет размещать на веб-сайтах анимацию и графику с изменяющимся контентом. Помимо всего прочего, на ресурсе можно размещать в html 5 игры. Они хоть и небольшие, зато не требуют установки других программ, без которых не обходился устаревший html 4.

Черты нового html 5 можно заметить в изменении внешнего вида сайтов. Текст с изображением теперь сливается в одно целое, на интернет-сайтах в корне возможность отображения текста и изображений. Если грамотно применять html 5 , то оформление ресурса ни в коей мере не уступить обложке глянцевого журнала.

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

Однако, «закон жизни» гласит, что нет одних преимуществ – всегда можно найти и недостатки, без которых не обошелся и html 5. Наиболее существенным минусом является уязвимость нового веб-языка в области защиты данных. Дело в том, что в html 5 большой объем информации хранится на жестком диске компьютера пользователя, причем довольно долгий промежуток времени. Это дает возможность незаметно собирать данные о владельце машины.

Следующий недостаток в html 5 – игры и мультимедия. Некоторые разработчики жалуются на невысокую производительность контента, который создан при помощи html 5, повышение затрат на ресурсы, время, ограниченность платформ в применении и так далее.

Последний минус html 5 (хотя это особо и минусом нельзя назвать) – ограниченность в использовании различными браузерами, то есть, не так давно только несколько браузеров имели возможность воспринимать html 5, но сейчас эта проблема уже решена в полном объеме. Наиболее «способным» среди веб-обозревателей в области применения html 5 является Google Chrom, а особенно его последняя 18-я версия, которая оснащена новейшим модулем под названием Canvas 2D. Он использует тег canvas, который позволяет заменить в интернете флеш-технологии. Это является самой яркой особенностью html 5.

Однако хочется отметить, что наличие недостатков в html 5 совершенно не пугает «гигантов интернета» и они активно применяют его. Яркие примеры – Google, YouTube и так далее.

Спецификации html 5

Начало стандартизации html 5 датируется 2007-м годом и продолжается до наших времен. Дело в том, что расписание W3C предполагало получение статуса «рекомендовано» в 2010-м году. Но для этого требовалось получить одобрение Last Call, а также Candidate Recommendation. Первые отдали свою поддержку html 5 еще в 2009-м году, а вот что касается последних, то Ян Хиксон – редактор спецификации, обещает дать одобрение в 2012, а может даже и позже.

Рассмотрим примеры реализации html 5

Над «вживлением» html 5 в жизнь очень плотно работала и продолжает работать корпорация Google. Наиболее часто для рекламы Google использует свою стартовую страницу. Для примера, пройдите по ссылке http://www.google.com.hk/intl/zh-CN/landing/shuixia/, и Вы увидите, как можно поздравить жителей Гонконга с каким-то праздником. Кликните несколько раз мышкой под уровнем воды, не пожалеете. Это того стоит. Также Вы заметите, что никаких изменений в работе поисковика не происходит – он остается абсолютно таким же, как и раньше. Но это не единичный пример использования html 5.

Одним из наиболее действующих способов обучения html 5 – игры. Зайдите на сайт http://html5game.ru/, и перед Вами откроется огромный мир игрушек, которые постоянно пополняются. Грузятся они заметно быстрее, чем раньше. Особенное внимание этого ресурса привлекает его шапка, которая представлена кучкой шариков, при наведении курсором на которые они разлетаются, после чего собираются обратно. Из личного опыта скажу, что лучший способ изучения веб-языка является написание какой-нибудь игры.

http://www.picozu.com/editor — интерактивный графический редактор. В принципе, от стандартного Paint он практически ничем не отличается, однако сама суть рисования при помощи средств html 5 впечатляет.

Напоследок нужно обобщить изложенное и выделить основные черты нового веб-языка html 5. Наиболее яркой чертой является наличие тега canvas, который позволяет создавать очень эффектную графику. Время на загрузку сайтов уменьшается, однако все равно присутствует. Мощность компьютера желательно иметь побольше. Данный проект вот уже который год находится на стадии эксперимента, и почему именно, — непонятно никому. И последнее, что стоит отметить, это незрелищность вещей.

Твитнуть

Понравилась статья?

Подписка на обновления блога через RSS ленту или по электронной почте, а так же следуй за мной в твиттере.

Метки

О блоге

Здравствуйте, меня зовут Иван, я занимаюсь продвижением сайтов и изучаю seo-технологии, нам моём вы не найдете “воды”, а только практический опыт создания и продвижения сайтов. Опыт моей совершенствую свои знания и навыки, вы можете обратиться ко мне за советом или заказать продвижение сайта, я буду рад любым позитивным знакомствам!

Подробнее о блоге

Связаться со мной