Вы здесь: Главная > Основы разработки сайта > Основы HTML5 > Введение в HTML5

Введение в HTML5

HTML5 – это пятая версия HTML-стандарта, на данный момент она находиться в стадии разработки, но все браузеры последнего поколения, уже поддерживает данную версию HTML-стандарта.

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

Тем самым, например, поисковый робот может с легкостью определить где сам текс страницы, а где реклама или левые блоки которые как-то помогают ориентироваться пользователю в сайте.

Что нового ?

В отличии от HTML 4, у которого 3 валидатора, у HTML 5 валидатор один :

 
<!DOCTYPE html>
 

  1. HTML 5 поддерживает MathML и SVG
  2. Новыетеги: section, article, aside, hgroup, header, footer, nav, dialog, figure, video, audio, source, embed длявставкиконтентасплагином(только), mark, progress, meter, time, ruby, rt, rp, canvas,command, detailes, datalist, keygen, output.
  3. Новыетипы input: tel, search, url, email, datetime, date, month, week, time, datetime-local, number, range, color.
  4. Новые атрибуты для тегов : атрибуты ping media для a и area и т. д.
  5. Исчезновение некоторых тегов, по причине того, что их можно заменить CSS: basefont, big, center, font, s, strike, tt, u
  6. Исчезновение фреймов из-за негативного влияния на всю страницу
  7. Исчезновение некоторых тегов, замененных в обновленной спецификации на более актуальные: acronym(используется abbr), applet(используется object), isindex, dir.
  8. Не поддерживаются некоторые атрибуты у тегов из-за отсутствия необходимости: rev и charset у link и a, shape и coords у a и т. д.
  9. Не поддерживаются некоторые атрибуты у тегов по причине того, что при использовании CSS добивается лучший эффект: align у всех тегов, alink, link, text, vlink у body и так далее.
  10. Новые элементы в DOM
  11. Новые API:
    • Рисование 2D-картинок в реальном времени
    • Контроль над проигрыванием медиафайлов
    • Хранение данных в браузере
    • Редактирование
    • Drag-and-drop
    • Работа с сетью
    • MIME