SEO: Преимущества и недостатки использования html 5.0 при разработке сайтов + видео опубликовал Радик Алиев категория  
просмотры 5 531

SEO: Преимущества и недостатки использования html 5.0 при разработке сайтов + видео

Основное понятие html + html 5.

Html – это стандартный язык, использующийся для разметки документов в интернете. Его четвертая версия существовала более десяти лет. Технологии постоянно эволюционируют, и создателям сайтов потребовался более гибкий и расширенный функционал. Именно инструментарий html версии 5.0 предоставляет подобный функционал разработчикам. Это не просто новая версия языка, это можно сказать новая эра в вебразработке. Возможности этой новой версии html позволят создавать интерактивные сайты, более удобными способами подключать различный мультимедийный контент к веб-странице, работать с разнообразными интерфейсами и многое другое.

Способы применения новой версии html.

Структурные возможности версии html 5.0, позволяют улучшить структуру веб-документа, сделав ее, более простой для восприятия, при этом полученный код будет чище, то есть не содержать ничего лишнего. На смену популярному контейнеру div (который разработчики вынуждены были повсеместно использовать и производить различные ухищрения, чтобы добиться результата) придут такие конструкции как nav, section, aside, article, footer и другие. Кроме того улучшатся мультимедийные возможности при создании контента для сайта, которые привнесет новая версия языка разметки html 5.0. Исчезнет необходимость использовать Adobe Flash и другие программы для воспроизведения видео на странице. Также не нужно будет использовать сторонние программы для размещения фото контента.

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

Новые функции для работы с графикой и анимацией предоставят разработчикам множество возможностей для творчества. Такая функция как Canvas, позволяет создавать оригинальные пользовательские интерфейсы и игры высочайшего уровня исполнения.

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


Ложка дегтя.

Не обошлось, конечно, и без отрицательных моментов в использовании html 5.0.

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

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

Еще одной ахиллесовой пятой новой версии html является многообразие браузеров, используемых для посещения сети интернет. На сегодняшний день пятую версию html воспринимают абсолютно все браузеры (даже Internet Explorer). Однако существуют различия в глубине понимания языка различными браузерами. Наиболее полно воспринимает html пятой версии Google Chrom. Новые версии этого браузера позволяют использовать такую яркую возможность языка, в создании оригинального и красивого контента, как Canvas 2D. Функционал этого модуля позволяет заменить флеш технологии в сети.

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

Спецификации html пятой версии.

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

Примеры реализации новой версии html.

(предлагаем сделать захват экрана монитора и на его фоне читать текст)

Корпорация Google, очень упорно работала над тем, чтобы новая версия языка вышла в свет и стала стандартом для всех разработчиков сайтов и интернет приложений. Она и сейчас не останавливается на достигнутом результате. Примером может служить регулярное обновление браузера Google Chrom, модифицирование его для как можно лучшего восприятия спецификаций пятой версии html.

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

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

На сайте http://www.picozu.com/editor представлен графический редактор, дающий художнику и дизайнеру более широкие возможности, по сравнению со стандартным редактором Paint. Самое интересное то, что он написан на языке html версии 5.0.

Краткие выводы.

Ознакомившись с приведенным выше материалом, можно сделать следующие краткие выводы:

  • Время на загрузку сайтов написанных с использование новой версии языка разметки, значительно меньше, чем, если бы вы использовали в интерфейсе сайта флеш элементы;
  • Самой используемой функцией является canvas, которая позволяет создавать оригинальные и интересные элементы, привлекающие внимание пользователей;
  • К сожалению, язык html версии 5.0 не является стандартом, хотя разрабатывается уже довольно долгое время. Что очень странно. Он бы открыл перед разработчиками сайтов и контента совершенно новые горизонты.

Вы можете ознакомится с материалом, просмотрев видео ролик:

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

1 комментарий

Оставить комментарий
  1. DW Октябрь 7, 2012 at 4:44 пп #

    Есть такое дело, но если один раз сделал потом не придется переделывать

Добавить комментарий для DW Click here to cancel reply.

vk_like_site