Сайты на HTML 5

Бесплатный образовательный проект интернет-маркетинга "Прозрачное продвижение"   канал на YouTube

Сайты на HTML 5

Хорошие оптимизаторы  наверняка знают, что такое HTML, но что такое HTML5 вопрос понятен не каждому. И совершенно зря. HTML5 – это новая, революционная версия веб-языка, ведь с ее помощью открываются неизведанные высоты! Теперь мы можем создавать какие угодно веб-приложения, различные интерактивные сайты, взаимодействовать с программными интерфейсами, подключатся к страницам мультимедийного контента и это далеко не полный список возможностей.

Примеры применения HTML5?

Html 5 tags используется в структуре обычного документа, делая эту структуру доступной и понятной каждому пользователю. Обновленные семантические элементы, такие как nav, footer, header, article, aside, section могут быть использованы вместо контейнера div, который применялся в HTML4.0 – предыдущей версии веб-языка. Следует отметить, что ввод данных также стал быстрее и понятнее. Во-первых, теперь все ошибки и недочеты проверяются в режиме онлайн, а не приходят в виде сообщения лишь после отправки документа. Видимо, на то она и новая версия, чтобы дарить все  больше и больше удобств своим пользователям. html 5 tags используемый в текстовых документах – это комфорт и удобство для каждого пользователя.

Новинки в мультимедиа.

Мультимедийные возможности с> html 5 tags стали еще более безграничными! Теперь Вам не обязательно использовать Adobe Flash и другие подобные программы. Видео и музыку можно воспроизводить в браузере, а всевозможные картинки и изображения размещать без дополнительных программ, необходимых ранее.

Дизайн HTML5.

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

Анимации HTML5.

С помощью html 5 tags – Canvas Вы можете смело размещать  графику, анимацию с постоянно изменяющимся контентом, мини-приложения и игры. При использовании предыдущей версии – для этого требовались дополнительные программы, например Adobe Flash. С использованием Canvas Вы можете создавать новые игры и конечно же, интересный интерфейс.

А теперь давайте рассмотрим некоторые нюансы веб-языка HTML5, которые могут причинять небольшие неудобства пользователям.

1.                  Уязвимость защиты данных.

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

2.                  Игрушки.

Оптимизаторы очень часто недовольны низкой производительностью контента, созданного с помощью HTML5. Это приводит к увеличению затрат времени и ресурсов, а также к ограничению платформ в применении.

Браузеры.

Еще недавно лишь несколько браузеров поддерживали HTML5, но на сегодняшний день картина в корне изменилась. Конечно же, как и раньше на передовых позициях в поддержании HTML5 стоит Google, а тег canvas, используемый данным поисковиком, позволяет заменить некоторые распространенные флеш-технологии в сети.

Не смотря на небольшие неудобства в использовании тестовой версии HTML 5, львиная часть гигантов интернета ней пользуются. Среди них хочется отметить Google и YouTube и многие другие.

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

Nеперь немножко истории. Сложная и длинная дорога к стандартизации проектов HTML 5 начиналась еще в 2007 году, и продолжается сегодня. Когда все было только в разработке, никто не мог предположить, что так сложно будет получить статус «рекомендовано», ведь для начала требовалось одобрение со стороны Candidate Recommendation и Last Call. От Last Call тестовая версия HTML 5 получила одобрение еще осенью 2009 года, с Candidate Recommendation все гораздо сложнее… несмотря на это, главный редактор спецификации, говорит что все будет, правда не уточняет когда. Ждем и надеемся, что в 2013, а то и раньше.

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

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

Прежде чем подойти к еще одному примеру реализации HTML5, мы хотим сказать, что лучше учится чему-то новому играя. Поэтому, взгляните на сайты, с помощью которых, Вы можете узнать что-то новое, и чему-то научится. Вот Вами хороший сайт http://html5game.ru/. Он необыкновенный главным образом из-за своей шапки, которая имеет свойство разлетаться на множество маленьких шариков, если навести на нее курсор. Кроме того, на сайте есть огромное количество постоянно обновляемых игр, которые чем-то похожи на флеш-игры, хотя грузятся заметно быстрее. Мы проверили на себе и теперь знаем точно, лучшего способа выучить новый веб-язык, чем написать или хотя бы попытаться, новую игру, пока не существует.

Следующий пример реализации HTML5 – это интерактивный графический редактор, расположенный по адресу http://www.picozu.com/editor. По функциональным возможностям он намного мощнее Paint, а возможность рисовать здесь – вдохновляет!

Выводы.

Сделав анализ всего вышеперечисленного, можно предположить, что самым используемым тегом в html 5, является тег canvas. Возможно это и правда, ведь именно с его помощью можно создавать первоклассную графику. Правда, на загрузку некоторых веб-сайтов требуется терпение, (конечно же, времени уходит меньше чем для флеша, но все же…) Чтобы уменьшить время томительных ожиданий при загрузке, берите компьютер помощнее.

На данный момент HTML5 еще в стадии разработки, но с каждым днем ним начинают активнее пользоваться.

Координатор проекта   Валерий Крайнов  crystall.seo@gmail.com
                                                        ICQ 610140175