Сайты на HTML 5

Доброго времени суток уважаемые читатели блога Сам себе Seoшник!

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

html5 сайты

Места применения HTML5.

1.В структуре веб-документов.

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

2.В мультимедиа, анимации и графике.

Возможности мультимедиа в html5 сайты делают лишним использование дополнительных программ, таких как Adobe Flash других. Видеофайлы и музыку можно воспроизводить сразу в браузере, в реальном времени! Изменения не прошли мимо html 5 games, и теперь перед пользователями, которые увлекаются играми, открыты все двери в мир развлечений и приятного времяпровождения. С новой функцией Canvas html 5 games позволяет размещать небольшие игры, графику, анимацию с постоянно изменяющимся контентом непосредственно на сайтах. Ранее, при использовании HTML4 для этого нужны были дополнительные программы, такие как Adobe Flash. Теперь же, с помощью Canvas есть возможность создавать пользовательский интерфейс, игрушки нового поколения. Очень удобным стало размещение фотографий и картинок, также без использования дополнительных программ, требующихся в HTML4.0.

3.При вводе данных.

Ввод данных также стал проще и понятнее начинающему пользователю. То как Вы вводите данные, контролируется специальной программой в реальном времени прямо во время ввода. Что касается предыдущей версии – HTML4, здесь проверка ошибок и оповещение о них происходит после отправки веб-документа, что создает дополнительные неудобства.

4.В текстах и изображениях.

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

Некоторые нюансы в использовании.

К сожалению, во всем этом великолепии не обошлось без маленьких «но». Давайте подробно их рассмотрим.

1.Уязвимость HTML5 в защите данных. Эту самую уязвимость создает огромный объем данных, которые длительное время хранятся на жестком диске пользователя. Это дает возможность понемногу собирать информацию о пользователе.

2.Игры html5 сайты games и мультимедиа. Уже не раз разработчики жаловались на низкую производительность HTML5 контента, точнее того контента, который создан с его помощью: в применении – ограничение платформ, в плане ресурсов – увеличение затрат и личного времени.

3.Браузеры. Неудобства состояли в том, что до недавнего времени многие браузеры не поддерживали HTML5, но сегодня все наладилось и его воспринимает даже консервативный Internet Explorer. Что уж говорить о других браузерах – они делают это давно. Первым начал воспринимать html 5 games Google, а не так давно вышла 18-я версия браузера Google Chrom, в которой добавлен новый модуль Canvas 2D. Данный модуль использует наиболее яркую особенность HTML5 – тег canvas, который позволяет заменить флеш-технологии.

Не смотря на приведенные недостатки тестовой версии HTML5, Google, YouTube начинают активно использовать эту версию.

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

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

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

Корпорация Гугл сделала и продолжает делать многое, для того чтобы новый стандарт веб-языка стал популярным. Например, для его рекламы очень часто используется стартовая страница Гугл. Например, эта страница с применением HTML 5, чтобы поздравить с чем-то жителей Гонконга выглядит так http://www.google.com.hk/intl/zh-CN/landing/shuixia/ щелкните мышкой чуть ниже уровня воды и понаблюдайте, что будет. Уверяем Вас, будет забавно. Во всем остальном главная страница выглядит обычно. Или вот еще пример: в день рождения Лема стартовая страница Гугл была симпатичной аркадной игрушкой, в стиле Кибериады.

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

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

Выводы и анализ вышесказанного.

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

Не пропустите новые полезные материалы в блоге, оформите подписку!