AJAX загрузка
home

В этом учебнике Вы узнаете все о новых возможностях добавленных в HTML5.

HTML5 Введение

HTML5 - это новая версия HTML.

Предыдущая версия HTML была выпущена в 1999 году, за это время всемирная паутина сильно изменилась и поэтому изменения требовались и от HTML.

В HTML5 было добавлено много нового, поэтому некоторые возможности, которые были доступны в HTML4 только с использованием внешних плагинов (таких как Adobe Flash) или клиентских скриптов теперь доступны с помощью обычных разметочных тэгов.

HTML5 все еще в разработке, но его частичную поддержку имеют все современные браузеры, поэтому использовать новые возможности Вы можете уже сейчас.

Пример 

<video width='300' height='200' controls='controls'>
<source src='mountvideo.ogv' type='video/ogg' />
<source src='mountvideo.mp4' type='video/mp4' />
<source src='mountvideo.webm' type='video/webm' />
</video>
<audio src='ghost_k-stop.ogv' controls='controls'></audio>
Попробовать в редакторе
Быстрый просмотр

Возможности HTML5

Наиболее интересные нововведения HTML5:

  • Поддержка видео и аудио (элементы video и audio);
  • Возможности рисования на веб-страницах произвольных объектов (элемент canvas);
  • Улучшение форм (новые значения type для <input> и множество новых элементов и атрибутов);
  • Добавление семантических тэгов, позволяющих сделать веб-страницы более понятными для поисковых систем, браузеров и других программ и устройств читающих веб-страницы (элементы footer, header, nav, article);
  • DOM хранилища - более функциональная альтернатива cookie.

HTML5 DOCTYPE

Все HTML5 документы должны начинаться с объявления DOCTYPE.

Предыдущие версии HTML имели несколько типов DOCTYPE. HTML5 имеет только один: 

<!DOCTYPE html>

Данное объявление переводит все браузеры в нормальный режим. Браузеры не поддерживающие HTML5 в данном режиме будут интерпретировать старые теги и игнорировать новые, которые они не поддерживают.