September 26, 2012

Сайты на HTML 5

Каждый более-менее продвинутый пользователь интернета знает, что такое html. Но мало кто знает, что html 5 это не маленькое дополнение html 4, а абсолютно новый язык. С введением, которого началась новая эра web-разработок. С помощью дополнительных возможностей html 5 можно создавать разные web-приложения, интерактивные сайты, можно также взаимодействовать с формами и подключать к ресурсам мультимедийный контент, а также вести работы с программным интерфейсом и структурированием документов.

Где применяется HTML 5.

1.    HTML 5 имеет новые, абсолютно уникальные структурные возможности, которые делают структуру документа очень простой, а код намного чище. Добавлены новые семантические элементы: nav, header, article, section, footer – они применяются вместо контейнеров div, которые применялись в HTML 4.0. Полностью изучить HTML 5 Вам поможет – HTML 5.0 учебник.

2.    HTML 5 имеет поразительные мультимедийные возможности, благодаря которым не нужно использовать Adobe Flash, а также множество других программ. Видео и музыку можно воспроизводить напрямую в браузере. Изображения и фотографии размещается еще удобнее и без использования дополнительных приложений, требующихся для этого в HTML 4.0.

3.    Данные в новом web-языке вводятся намного проще, а главное безопаснее. Правильность введения контролируется не после отправки информации, а в реальном времени, то есть, сразу во время ввода информации. В HTML 4 проверка проводилась, как уже говорилось, после отправки информации, что создавало некоторые проблемы для пользователей.

4.    Внешний вид. Изображение и текст выглядят как одно целое. Целиком и полностью изменяется возможность отображения текста и изображений на сайтах. С помощью HTML 5 у разработчиков в арсенале появятся новые “фишки” для оформления сайтов, которые позволяют делать сайте еще более красивыми, чем глянцевые журналы.

5.    Анимация и графика. Благодаря новой функции Canvas, разработчики смогут размещать графику и анимацию с постоянно меняющимся контентом, а также не слишком большие игры прямо на сайтах. В HTML 4, чтобы этого добиться – надо было использовать Flash. С помощью Canvas можно будет создавать пользовательские интерфейсы и игрушки на абсолютно новом уровне, делать это может помочь html 5.0 учебник.

К сожалению, и тут не без “НО”:

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

2.    Игры и мультимедиа. Некоторые разработчики жалуются на сайты HTML 5, почему? Низкая производительность огромного количества контента, ограниченность платформ пользователей и увеличение затрат ресурсов и времени.

3.    Браузеры. Еще до недавнего времени не каждый браузер мог читать HTML 5. Но сейчас этот язык может читать даже стандартный Интернет експлорер. Остальные браузеры могут делать это уже очень давно. Но дальше всех в этом плане прошел браузер от Google. Вот недавно была выпущена восемнадцатая версия Google Chrome, браузер получил новый модуль, под названием Canvas 2D, дополнение основывается на главном достоинстве HTML 5 – теге canvas, который заменяет flash в интернете.

Мировые гиганты интернета не смотрят на столь незначимые недостатки и переходят на новый язык – HTML 5. Самыми яркими представителями является YouTube и Google.

Спецификация HTML 5.

Нелегкий путь стандартизации HTML 5 начался еще в 2007 году и продолжается до сегодняшнего дня. Предполагалось, что HTML 5 получит награду “рекомендовано” от W3C еще в 2010 году, но перед этим языку нужно было добиться награды от Last Call, а также Candidate Recommendation. Голос Last Call HTML 5  получил еще в конце 2009 года. Но с Candidate Reccomendation, к сожалению, все обстоит немного не так, главный редактор Ян Хиксон утверждает, что новый язык получит их одобрение в конце 2012 года или чуть-чуть позже. Html 5.0 учебник – поможет изучить Вам этот язык идеально.

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

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

2.    Все знают, что лучше всего чему-то обучаться играя! Представим Вашему вниманию гениальнейший в этом плане сайт – html5game.ru. Вот мне, например, очень сильно нравиться шапка данного сайта. Когда вы наводите на неё курсор мышки – она разлетается на разные шарики, которые позже собираются вместе обратно. На сайте представлено довольно много небольших игрушек, чем-то напоминающих самые знаменитые flash-игры. Но грузятся они намного быстрее. Лучший способ изучения нового web-языка – написание на нём небольшой программки или игрушки. Графический редактор онлайн – picozu.com/editor. Данный редактор сделан на основе html 5, он имеет немного больше возможностей, чем Paint, но не так впечатляет это, как сама возможность рисования в интернете, а именно на HTML 5.

Увиденное подталкивает на некоторые мысли.

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

2.    Требуется время на загрузку, конечно, меньше чем на загрузку флеш-сайтов, но всё же время требуется.

3.    Для полноценной работы сайтов на HTML 5 требуется довольно сильный компьютер.

4.    К сожалению, HTML 5 является в стадии тестирования и доработок. Это очень странно,  ведь язык уже давно должен был стать общепринятым и самым распространенным.

5.    Незрелищные вещи, к примеру, новые теги влияют на оптимизацию сайта и эффективность его раскрутки.

Запись опубликована О заработке в интернете. You can comment here or there.