Главная -> Статьи о HTML5 -> Введение в HTML5

Введение в HTML5

HTML5 или Hyper Text Markup Language 5 - язык разметки гипертекста. Разработка стандарта языка началась в 2007 году группой W3C. Пятая версия языка полностью соответствует стандарту Extended Markup Language (XML) и имеет полное название XHTML5.

На данный момент (14 сентября 2010 года) работа над спецификацией не закончена, однако черновик опубликован ещё 22 января 2008 года. Уже сейчас такие производители как Mozilla, Opera Software, Apple и Google внедряют поддержку элементов HTML5 в свои продукты.

Что же нового вносит HTML5 в синтаксис?

Во-первых - введены несколько новых тегов для упрощения индексации сайта поисковыми машинами. Рассмотри эти теги конкретнее:

<article> </article> - Тег созданный для выделения на странице основного контента. Например этим тегом можно выделить статью на странице или очередную запись в блоге.

<aside> </aside> - Дополнительный контент на странице. Стоит заметить что это не просто боковая панель с друзьями, голосованиями и т.д. а блок, который будет дополнять основной контент - например тут можно расположить похожие статьи, разделы сайта к которым относится данная статья или набор ключевых слов статьи.

<header> </header> - Данный тег предназначен для выделения шапки сайта. Тут может располагаться навигация, заголовки, подзаголовки, информация о версии документа и т.д.

<nav> </nav> - Этот тег предназначен для выделения навигации сайта. Внутри этого тега должна находить только основная навигация (например "главная", "статьи", "галереи" и т.д.) - не нужно каждую ссылку сайта вставлять внутрь <nav>.

<footer> </footer> - В этом теге нужно размещать информацию об авторе сайта, об авторских правах и т.д.

<section> </section> - Этот тег предназначен для выделения раздела страницы.

Подробнее о каждом из тегом Вы можете ознакомиться в справочнике по HTML5 на нашем сайте.

Во-вторых упрощено воспроизведение видео и звуков на сайте. Теперь это можно сделать с помощью тегов <audio> и <video>.

В третьих в HTML5 удалили некоторые устаревшие теги - <font>, <center>. Это не значит что они больше не будут работать в браузерах, но html validator будет указывать на ошибку.

В четвертых введены следующие новые технологии:

  • Возможность рисовать на странице в реальном времени (элемент Canvas).
  • Контролирование воспроизведения видео и звука в реальном времени, что может пригодиться например если вам нужно синхронизировать видео и субтитры.
  • Drag-and-drop прямо с рабочего стола в браузер.
  • Работа с сокетами.
  • Web forms 2.0

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