HTML 5 – новая эра веб-дизайна

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

HTML 5 – новая эра веб-дизайна

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

Язык HTML 5 недаром называют новой эрой в веб-дизайне. Он позволяет создавать необычные интерактивные сайты с применением мультимедиа, впечатляющие веб-приложения, удобно работать со структурой документов. HTML 5 великолепно подходит для создания уникального пользовательского интерфейса со встроенной графикой и анимацией, чего не было в предыдущей версии языка HTML 4.

История создания

Нынешний 2012 год должен был стать решающим в истории проекта стандиртизации. Любой язык после создания проходит нелегкий путь стандартизации, проверок экспертов и пользователей и только после одобрения несколькими высшими инстанциями массово вводится в практику. Свой путь HTML 5 начал в далеком уже 2007 году. В 2009 язык получил одобрение Last Call, однако все еще ожидает получения статуса «рекомендовано». Тем временем пользователи уже вовсю тестируют его возможности, создавая эффектные и отличающиеся сайты.

Достоинства HTML 5

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

2) Встроенные мультимедиа: графика, анимация, музыка, видео. Инструмент Canvas дает возможность выдавать прямо на странице меняющийся контент и даже размещать небольшие игры. Все это без Adobe Flash и других дополнительных довесов! Кроме интересного дизайна, это облегчает страницу и значительно ускоряет время загрузки. Правда, по сравнению с обычной текстовой страницей времени на загрузку все равно требуется больше.

3) Заметное упрощение структуры веб-документов. HTML 5 снабжен шестью новыми элементами article, header, nav и footer, aside и section, заменившими контейнеры div.

4) Ввод данных стал проще и комфортней. Правильность ввода данных в стандарте языка HTML 5 контролируется сразу, до отправки документа, в режиме реального времени.

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

Удачные примеры реализации HTML 5

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

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

Это не единственный пример такого рода. На день рождения польского фантаста Станислава Лема главная страница Google выглядела так:

Это графическое чудо создано с помощью нового языка. Впечатляет! Стояла заставка один день, но пользователи успели ее сохранить.

А вот пример создания игр на новом языке: http://html5game.ru/

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

А еще на языке HTML 5 можно рисовать! Доказательство – здесь: http://www.picozu.com/editor. Этот графический редактор навороченней, чем типичный Paint. Впечатлены? А теперь ложка дегтя – недостатки HTML 5.

Недостатки HTML 5

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

[button link=»http://feedburner.google.com/fb/a/mailverify» color=»#1383fb» size=»3″ style=»2″ dark=»0″ radius=»0″ target=»self»]Подписаться[/button]