Язык HTML – 5-е поколение

Уважаемые посетители блога 4remind.ru, начинающие веб-мастера и не только, давайте немного поговорим о стандартном языке разметки вэб-страниц, а конкретнее о его новом поколении... Практически каждый знает, что из себя представляет HTML, однако далеко не все представляют новые возможности языка HTML5. Среди них: создание интерактивных сайтов и веб-приложений, структурирование документов, взаимодействие с формами подключения к страницам Интернета, которые имеют мультимедийный контент, а также работа с программными интерфейсами.

HTML 5-е поколение

Рассмотрим области, где применяется язык HTML 5-й версии. Старое поколение языка использовало большие запутанные коды, от чего избавились в новом. Теперь структура веб-документа является довольно простой и более понятной. В HTML4 использовали контейнеры div, которые в новой версии были заменены семантическими элементами, такими как header, article, footer и другими. Кроме того добавились новые мультимедийные возможности, позволяющие избавиться от Adobe Flash и воспроизводить видео и музыку непосредственно в самом браузере. Фотографии теперь размещены более удобным образом и не требуют установки и использования дополнительных программ. Новый язык html позволяет вводить данные намного проще и безопаснее, чем в старой версии. Это выражается в том, что правильность ввода данных контролируется непосредственно во время их написания. В html4 они проверялись после отправки документа, что создает проблемы пользователям.

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

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

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

Второй недостаток – это низкая производительность контента, которая создана при помощи html5, а также увеличение затрат на ресурсы, время и так далее.

Последний негативный фактор – это браузеры. Совсем недавно не все браузеры воспринимали язык html 5-й версии, однако сейчас она доступна даже для Internet Explorer. Поэтому данный аспект уже нельзя отнести к недостаткам – он уже пережит. Наиболее успешным в этом плане выявился Google Chrome, который оснащен новым модулем Canvas 2D. Он использует наиболее яркую черту html5, которая позволяет заменить в Интернете флеш-технологии. Эта особенность – тег canvas.

Стоит заметить, что «гиганты интернета» с огромной активностью используют тестовую версию html5, несмотря на все ее недостатки.

HTML5 – спецификации

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

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

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

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

Picozu Editor – интерактивный графический редактор, который практически ничем не отличается от Paint, однако рисовать можно онлайн с использованием средств html5.

Стоит сделать выводы о языке HTML 5

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


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

Метки: , HTML,
Другие статьи похожей тематики:

Поделитесь материалом с другими, воспользуйтесь этими кнопками:
Получать обновления и новые материалы блога по E-mail

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

Подписаться на обновления блога 4remind.ru по RSS
Новости блога в социальных сетях

="4remind.ru