Сайты на HTML 5

Сайты_на_HTML_5

Сайты на HTML 5

Всем привет! Эта статья ознакомит Вас с абсолютно новым web-языком. Он имеет очень много преимуществ, и Вы узнаете каких именно, что новое появилось на html 5 в сравнении с предыдущим интернет языком – html 4. Данная статья является очень важной, как для профессионалов, так и для начинающих.

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

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

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

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

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

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

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

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

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

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

3. Браузеры. Не все браузеры могли поддерживать HTML5. Но на данный момент этот web-язык воспринимается абсолютно любой программой, даже стандартным Internet Explorer’ом. Остальные браузеры могут делать это уже очень долго. Дальше всех в этом продвинулся Google Chrome. В этом браузере установлен новый, уникальный модуль – Canvas 2D, который использует ярчайшую возможность и особенность Web-языка 5.0 – canvas, который позволяет заменить flash в интернете.

Не учитывая эти небольшие недостатки, еще тестового и дополняющегося HTML 5 все гиганты интернета уже активно его используют. К примеру – Google и YooTube.

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

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

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

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

2. Как лучше всего чему-то обучаться? Правильно, играя! Представим Вашему вниманию гениальный сайт – html5game.ru. К примеру мне очень сильно нравиться шапка этого сайта. Во время наведения на неё курсора мыши она разлетается на много разных и отдельных шариков, которые позже собираются обратно. На сайте представлено очень много небольших игр, которые очень сильно напоминают самые знаменитые flash-игры. А грузятся они в несколько раз быстрее. Лучший способ изучения нового web-языка является написание свое собственной программы или игрушки на нем.

3. Графический редактор онлайн – picozu.com/editor. Этот редактор сделан на html 5, имеет намного больше возможностей, чем стандартный Paint, но не так впечатляет это, как сама возможность рисования на HTML 5. Итак, чтобы создать качественный и удачный сайт нужно просмотреть уроки – изучаем html 5.

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

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

2. На загрузку этого сайта требуется некоторое время, не такое как для flash-сайтов, но всё же оно нужно.

3. Для полноценной работы такого сайта нужен не только хороший интернет, но и хороший компьютер.

4. К сожалению, все это великолепное чудо находится только на стадии тестирования и разработок. Это очень странно.

5. Существует множество незримых, но, в то же время, очень важных тегов, влияющих на оптимизацию и раскрутку сайта и остающихся при незаметными.


Понравилась статья? А друзьям понравится? Расскажите им о статье в соцсетях:


Вы можете оставить комментарий, или отправить trackback с Вашего собственного сайта.

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

Wordpress

1 Комментарий » “Сайты на HTML 5”

  1. Александр пишет:

    У HTML 5, как и у любой другой версии есть свои плюсы и минусы. От этого никуда не денешься.

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

ВКонтакте
FaceBook
Google+
Все права защищены. © 2011-2017 Works Блог - Работа и заработок в сети.
Запрещено использование материалов сайта без согласия его автора и активной обратной ссылки.
Главная | Обо мне | О сайте | Друзья | Контакты | Реклама | Карта | Акции | Библиотека | SEO | Политика конфиденциальности