—»     —»   HTML 5: Обзор и подборка полезных ресурсов
  Раздел: Разное   Комментариев: 1  

HTML 5: Обзор и подборка полезных ресурсов



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

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

Что же такое HTML5?

По сути, HTML5 представляет собой обновленную версию HTML/XHTML, которая концентрируется конкретно на том, что требуется веб-разработчикам. HTML5 позволяет разработчикам внедрять огромное количество новых функций в проекты, над которыми они работают. Например, функцию свободного перетаскивания объектов, новые структурные элементы, а также усовершенствованную поддержку аудио и видео файлов.

Почему потребовалась разработка данного языка?

Вплоть до 2004 года, HTML-язык разрабатывался Консорциумом WWW. Многие разработчики разочаровались в усовершенствованиях для HTML-языка, которые были предложены W3C. Многие вещи просто не соответствовали современности. Новая группа разработчиков под названием WHATWG (Web Hypertext Application Technology Working Group) взяла руководство над разработкой языка, который в последствии был назван HTML 5.

Какие основные свойства данного языка?

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

1. Элемент внедрения видео

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

* Более подробная информация о видео элементе

2. Элемент холста

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

* Более подробная информация об элементе холста

3. Локальное хранение данных

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

* Более подробная информация о локальном хранении данных в HTML5

4. Веб-работники

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

* Более подробная информация о веб-работниках

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

Когда можно начинать пользоваться HTML5?

По идее, уже прямо сейчас! Хотя, вам не обязательно начинать прямо так сразу, потому что некоторые из основных браузеров только начали включать поддержку данного языка в самых свежих версиях, и не все пользователи уже обзавелись ими. Мы недавно опубликовали отличную статью по поводу браузерной поддержки как HTML5, так и CSS3.

Обучение HTML5

Давайте ознакомимся с некоторые руководствами и обучениями по HTML5. Может быть, сам язык еще только зарождается, но уже есть полно отличных документаций:

* Пишем код разметки на HTML5 с нуля
* HTML5 и CSS3: Методы, которыми вам скоро придется пользоваться
* Создаем дизайн блога на HTML5
* Обучение HTML5 – Простенькая верстка

Примеры HTML5

Уже существует множество страниц, которые можно приводить как пример работы HTML5. Посмотрите на них:

* Демонстрация HTML5 - сайт Coolwebmasters.Com
* Демо форм на HTML5
* Функция свободного перетаскивания
* Демо геолокации HTML5
* Частица холста HTML5

Источники HTML5

Данные ссылки помогут вам подробнее ознакомиться с HTML5.

* Шпаргалки для HTML5
* Список свойств, поддерживаемых HTML5
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: HTML 5
Опубликовал Mysterious Master   Прочитано (раз): 18836   |   Оставлено комментариев: 1
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 20 февраля 2010 @ 19:23
Написал: ITS — группа: Читатели  
На сайте с: 20.02.2010   |   Публикаций: 3   |   Комментариев: 127
ICQ: 366337851
Многообещающая технология + к этому в добавок и CSS3 - Супер.


--------------------
Вещам, которым надо бы учиться, чтобы их делать, — лучше учиться, делая их.
© Аристотель
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица США
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Купить линолеум со склада в Москве розница tarkett http://floor-guru.ru
floor-guru.ru
Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Август 2018    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
2728293031