Особенности сайтов на HTML 5

Особенности сайтов на HTML 5. Видео

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

Где применить HTML5?

Дело в том, что возможности HTML5, касательно структурирования, практически не ограниченны. С помощью  HTML5 структуру кода документа можно сделать чище, да и в целом — проще. Такие «проги-фишки», ну или же назовем их более официально, семантические элементы, как header, article, nav, aside, footer и section могут быть использованы вместо уже устаревших контейнеров div, которые ныне применяются на базе HTML 4.0. Конечно, каждый веб-язык, который проходит этапы усовершенствования, становиться лучше, но в HTML5 положительные качества проявились практически сразу, то, что этот язык универсален, убедились уже многие разработчики. Именно благодаря этому в наши дни создать свой сайт бесплатно самому можно очень быстро и просто, без помощи со стороны.

Высокофункциональные мультимедийные возможности HTML5 делают не нужным установку Adobe Flash и других подпрограмм на персональный ПК. Теперь есть возможность воспроизводить музыку и видео-файлы непосредственно в браузере. Более удобная градиентность фото и возможность разместить их без лишних проблем делают HTML5 гораздо более привлекательным языком для программирования, нежели HTML 4.0.

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

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

Теперь о графике и анимации. Новая супер-функция Canvas из последней версии HTML5 позволяет так размещать анимацию и графику (особенно с меняющимся контентом), что их обновление перестало быть сложным и длительным процессом. То есть, если пользователь хочет разместить анимацию или небольшую игру, непосредственно, на веб-сайте, а в дальнейшем оперативно ее менять, то теперь это делается гораздо проще и легче, чем раньше. При работе с версией HTML4 для этого требовались дополнительные «проги», например, Adobe Flash, но новые возможности HTML5 изменили ситуацию. С помощью Canvas появилась возможность создавать пользовательские интерфейсы и игры более высокого уровня качества и функциональности.

В ситуации с HTML5 есть определенные «НО»:

• Высокую степень опасности представляет собой больший объем данных, который по-прежнему (пока не придумали альтернативы) сохраняются на жестком диске пользователя и хранятся там довольно длительное время. Этот факт дает возможность роботам разных систем собирать информацию о пользователе. Довольно неприятно, но разработчики с этим борятся.
• Мультимедиа и игры. Многие разработчики жалуются на низкую производительность контента, созданного с помощью HTML5, ограниченность платформ в применении, увеличение затрат в плане ресурсов и времени, и т.д.
• Браузеры. Раньше взаимодействие некоторых браузеров и HTML5 было довольно проблематичным, но сейчас ситуация изменилась и HTML5 поддерживает даже консервативный IE. Креативнее и дальновиднее всех в плане изучения новых возможностей и повышения качества работы оказался Google. Достаточно обратить внимание на 18 версию браузера Chrom. В браузер встроен новый модуль Canvas 2D, который использует наиболее яркую черту HTML5, а именно: тег canvas, позволяющий оперативно заменять флеш-технологии в интернете.

Конечно, у HTML5 есть недостатки и минусы, но они меркнут по сравнению с возможностями, которые дает HTML5. Такие «гиганты интернета», как Google, YouTube начинают все более активно использовать HTML5 в своей работе.

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

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

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

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

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

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