HTML 5

HTML5 (англ. HyperText Markup Language, version 5) — пятая версия основного языка разметки web-страниц, HTML. Версия языка, полностью соответствующая стандарту XML, называется XHTML5.

Многие идеи HTML5 были изначально предложены WHATWG в стандарте Web Applications 1.0. HTML 5 включает другой стандарт WHATWG, Web Forms 2.0. Разработка HTML5 началась в новой рабочей группе W3C в 2007 году.
Первый черновик спецификации стал доступен широкой общественности 22 января 2008. Спецификация сейчас находится в разработке и может находиться в этой стадии ещё несколько лет, хотя предполагается, что отдельные части HTML 5 будут закончены и реализованы в браузерах до того, как спецификация официально получит статус рекомендации.

Особенности разметки HTML 5

HTML5 вводит несколько новых элементов и атрибутов. Некоторые из них технически являются эквивалентами <div> и <span>, но имеют своё семантическое значение, например  <nav> (навигационная панель) и <footer>. Эти теги будут облегчать работу поисковикам, а также обработку сайта с КПК или читающих программ.

Другие элементы предоставляют новую функциональность, такие как <audio> и <video>.

До настоящего времени для воспроизведения музыки и видео в браузере нужна была установка плагинов — например, проигрывателя Flash Player от Adobe. Но HTML 5 должен изменить эту ситуацию, благодаря новым тегам  <audio> и <video>, которые обеспечивают интеграцию мультимедийных данных. Простой встроенный плеер будет способен воспроизвести данные непосредственно на самом веб-сайте, без дополнительного плагина.
Некоторые устаревшие элементы HTML4, такие как <font> и <center>, были удалены из HTML5.

Помимо определения разметки, в HTML5 определены API. Существующие интерфейсы DOM расширены, также были добавлены новые API:

  • Рисование 2D-картинок в реальном времени;
  • Контроль над проигрыванием медиафайлов, который может использоваться, например, для синхронизации субтитров с видео;
  • Хранение данных в браузере;
  • Редактирование;
  • Drag-and-drop;
  • Работа с сетью;
  • FileAPI;
  • MIME.

Некоторые новые возможности HTML5 включены в стандарт языка только из-за отсутствия желающих разделить стандарт HTML5 и поддерживать отдельные спецификации.Основные отличия HTML5 и HTML4:

  • Новые правила лексического разбора;
  • Новые элементы — header, footer, section, article, video, audio, progress, nav, meter, time, aside, canvas;
  • Новые типы input-элементов;
  • Новые атрибуты;
  • Глобальные атрибуты — id, tabindex, repeat;
  • Убраны устаревшие элементы — center, font, strike.

Новые теги: 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.
Новые типы input: tel, search, url, email, datetime, date, month, week, time, datetime-local, number, range, color.
Новые атрибуты для тегов: атрибуты ping media для a и area и т. д.

Исчезание некоторых тегов, по причине того, что их можно заменить CSS: basefont, big, center, font, s, strike, tt, u.

Исчезание фреймов из-за негативного влияния на всю страницу.

Исчезание некоторых тегов, замененных в обновленной спецификации на более актуальные: acronym(используется abbr), applet(используется object), isindex, dir.

Не поддерживаются некоторые атрибуты у тегов из-за отсутствия необходимости: rev и charset у link и a, shape и coords у a и т. д.

Не поддерживаются некоторые атрибуты у тегов по причине того, что при использовании CSS добивается лучший эффект: align у всех тегов, alink, link, text, vlink у body и так далее.

Атрибут Значение Описание
href URL URL для перехода
hreflang код языка Язык страницы в URL
media тип медиа Тип медиа URL. Значение по умолчанию — все типы
ping URL URL которая получает сообщение о переходе пользователя по ссылке.
rel alternate
archives
author
bookmark
contact
external
feed
first
help
icon
index
last
license
next
nofollow
noreferrer
pingback
prefetch
prev
search
stylesheet
sidebar
tag
up
Показывает связь между текущим документом и документом с URL, указанным в href
target _blank
_parent
_self
_top
Указывает браузеру как открыть ссылку:
_blank — в новом окне
_self — в окне где был открыт документ с ссылкой
_parent — в родительском окне
_top — в всем окне
Или в какой фрейм открыть ссылку (имя фрейма).
type mime_type Показывает MIME файла в URL
Атрибут Значения Описание
alt Текст Определяет альтернативный текст
coords если shape=»rect» тоcoords=»left, top, right, bottom»

если shape=»circ» то coords=»centerx, centery, radius»

если shape=»poly» то coords=»x1,y1,x2,y2,..,xn, yn»

Определяет координаты фигуры
href URL Определяет URL для фигуры
hreflang Двухбуквенный код языка Язык URL для фигуры
media media query Определяет тип медиа в URL. По умолчанию: все.
nohref Больше не поддерживается
rel alternatearchives author bookmark external first help index last license next nofollow noreferrer prefetch prev search sidebar tag up Определяет отношение документа из URL к текущему документу
share rectrectangle circ circle poly polygon
Определяет форму фигуры
target _blank_parent _self _top имя_фрейма
Указывает браузеру как открыть ссылку:
 _blank - в новом окне
 _self - в окне где был открыт документ с ссылкой
 _parent - в родительском окне
 _top - в всем окне
Или в какой фрейм открыть ссылку (имя фрейма).
type mime-тип Определяет mime-тип для URL

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