Главная » SEO » Сайты на новом HTML 5

Сайты на новом HTML 5

Сайты на новом HTML 5 logo

Того, кто не слышал или не пользовался HTML, найти очень сложно. Конечно тех, кто пользуется языком пятого поколения пока не очень много, так как версия HTML5 является тестовой, но это останавливает лишь тех, у кого не хватает времени или сил познакомиться с полезной новинкой. HTML5 — это не просто обновленная версия web-языка — это начало новой вебэры и преобразований в вебразработках. Усовершенствованные возможности HTML 5 направлены на создание креативных веб-приложений на интерактивных сайтах, взаимодействие с новыми формами, работу с интернет-страницами, с мультимедийным контентом, работу с программными интерфейсами и структурирование электронных документов.

Сайты на новом HTML 5

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

Где можно работать с HTML5?

С HTML5 структура веб-документов стала более простой, а код чистым и не таким тяжелым. Такие семантические элементы, как header, footer, section, article, nav, aside могут быть использованныы вместо стандартных контейнеров div, которые до сих пор применяются в HTML4.0.

семантические элементы, как header, footer, section, article, nav, aside могут быть использованныы вместо стандартных контейнеров div, которые до сих пор применяются в HTML4.0.

Мультимедийность HTML5 делает лишним пользование Adobe Flash и тому подобными фишками. Пройдя незначительное обучение html 5 можно, например, встроив функцию воспроизведения музыкальных и файлов, непосредственно, в браузере. Также можно «играться» с фото и изображениями без страха потерять важные данные, как это происходит иногда с HTML4.0.

Ввод данных с HTML5 стал гораздо проще и безопаснее. Правильность вводимых данных контролируется, непосредственно, во время процесса, то есть, если есть ошибки, сбой будет сразу, а не по прошествии некоторого времени, как это происходит в HTML4.

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

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

Маленькие «НО»:

Высокая уязвимость HTML5 относительно защиты данных. Большой объем данных, которые в большом объеме сохраняются на жестком диске пользователя, таят в себе опасность в виде «законсервированных» вирусов и вредных кодов, которые позволяют поисковым системам незаметно собирать разнообразную информацию о пользователе.

Низкая производительность контента, которая создает проблемы при работе с мультимедиа и играми. Платформу нужно немного оптимизировать на предмет оптимизации и распределению ресурсов.

Взаимодействие с браузерами. Буквально до недавнего времени, некоторые браузеры не поддерживали HTML5. Но после счастливого разрешения ситуации с HTML5 работает даже консервативный IE. «Впереди планеты всей», как в прочем и всегда, оказался Google. Мало того, что он рекламирует и делает возможным обучение html 5, так он еще и Chrom 18 снабдил очень ценным модулем Canvas 2D, который вовсю продвигает наиболее «вкусную изюминку» HTML5 – тег canvas. Этот знаменитый тег позволяет превращать и менять любые флеш-технологии в Интернете, особенно это актуально для YouTube и тому подобных ресурсов.

Спецификации HTML5

Эра стандартизации проекта HTML5 началась в далеком 2007 году, и с упехом продолжается до сих пор. В расписании W3C, значилось, что HTML5 получит статус «рекомендовано» в конце 2010 года. Для этого модному проекту нужно было получить прямое одобрение таких монстров, как Last Call и Candidate Recommendation. Лояльность Last Call к HTML5 стала заметна в октябре 2009 года — «добро дали» быстро и без проволочек. А вот Candidate Recommendation не так милы, с ними еще нужно договариваться и демонстрировать «товар лицом», то есть усовершенствованным функционалом. Редактор спецификации CR Ян Хиксон заявляет, что их одобрение еще нужно заслужить и сделать это можно будет не ранее конца этого года (исходя из самых радужных перспектив).

Примеры реализации

Google очень старается, чтобы так удачно начавшееся победное шествие HTML5 продолжилось не смотря на все препятствия. Google часто предоставляет свою первую страницу для рекламы HTML5. Посмотрите, что сделал с первой страницей Google с помощью HTML5 — http://www.google.com.hk/intl/zh-CN/landing/shuixia/ (пощелкайте мышкой по песочку, потом еще пару часов можете с удовольствием топить лого Google и кидать камушками и монетами по рыбам). Невзирая на креативный подход к разработке страницы она осталась вполне нормальной в плане поиска. Еще одним примером такого рода рекламных развлечений является страничка в виде аркадной игрушки с элементами Кибериады Станислава Лемма.

Если учиться с помощью игры, то материал будет усвоен гораздо быстрее. Сайт http://html5game.ru/ это сплошное обучающее веселье. Очень позитивная шапка из шариков, умные и веселые игры, которые быстро грузятся — облегченный гейм-рай. Чтобы обучение html 5 прошло успешно — напишите на нем игрушку.

Еще одна очень занятная и полезная штука — интерактивный графический редактор http://www.picozu.com/editor. Релактор функциональнее, чем Paint, и можно рисовать, используя средства HTML5.

Увиденное наводит на определенные мысли.

HTML5 — это прорыв, это новые и довольно сильные с технической точки зрения возможности (эффектная графика и т.д.). Стоит дать шанс платформе, которая создаёт новые миры за несколько часов.

На десерт:

Браузерная игра CUBE от Google. Использует WebGL и требует для работы современный браузер с поддержкой экспериментальных функций HTML5. В ней необходимо довести шарик до цели через лабиринт наклоняя поверхность куба из реальных карт Google Maps.

 

Браузерная игра cube от google с использованием html5

 

Понравилась статья - поддержи проект материально:
Понравилась статья - поделись с друзьями:

Похожие записи:

Оставить комментарий

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*