HTML: различия между версиями

Содержимое удалено Содержимое добавлено
Nowiki-wrap a bare <table> tag
→‎HTML5: Дублированное содержимое
Строка 769:
 
== HTML5 ==
 
=== Краткая история ===
 
[http://www.w3.org/TR/html5/ HTML5] является эволюционным развитием [http://www.w3.org/TR/html401/ HTML4.01] с сохранением обратной совместимости и добавлением новых возможностей [http://www.w3.org/TR/html5-diff/ (W3C)]/[https://html-differences.whatwg.org/ (WHATWG)].
 
Конкурирующий стандарт [http://www.w3.org/TR/xhtml2/ XHTML2.0], который так и не был окончательно принят, предполагал более значительные изменения.
 
Параллельно с [http://www.w3.org/ W3C] развитием HTML5 занимается и [https://whatwg.org/ WHATWG]. Причём [https://platform.html5.org/history/ с 2004 года] WHATWG, а с 2007 W3C, у которой до этого приоритетом был стандарт XHTML2.0.
 
В качестве стандарта W3C HTML5 был принят 28 октября 2014 года, а W3C HTML5.1 планируется в конце 2016 года. Стандарт WHATWG HTML является живым (Living Standard), то есть изменения в него вносятся постоянно.
 
В [http://www.w3.org/html/landscape/ документе] можно посмотреть отличия различных HTML-спецификаций (между [https://html.spec.whatwg.org/multipage/ WHATWG HTML], [http://www.w3.org/TR/html5/ W3C HTML5] и [http://www.w3.org/TR/html51/ W3C HTML5.1]).
 
=== Что нового? ===
 
* В отличие от HTML4, у которого 3 валидатора (strict, transitional, frameset), у HTML5 валидатор один: <nowiki><!DOCTYPE html></nowiki>.
* HTML5 поддерживает [[w:MathML|MathML]] и [[w:SVG|SVG]].
* Новые теги:
** <nowiki><section></nowiki>, <nowiki><article></nowiki>, <nowiki><aside></nowiki>, <nowiki><header></nowiki>, <nowiki><footer></nowiki>, <nowiki><nav></nowiki>, <nowiki><main></nowiki>, <nowiki><hgroup></nowiki> (уже считается устаревшим в W3C),
** <nowiki><figure></nowiki>, <nowiki><figcaption></nowiki>, <nowiki><video></nowiki>, <nowiki><audio></nowiki>, <nowiki><source></nowiki>, <nowiki><track></nowiki>, <nowiki><picture></nowiki>, <nowiki><canvas></nowiki>, <nowiki><svg></nowiki>, <nowiki><math></nowiki>, <nowiki><embed></nowiki> (для вставки контента с плагином (только)),
** <nowiki><datalist></nowiki>, <nowiki><keygen></nowiki>, <nowiki><output></nowiki>, <nowiki><progress></nowiki>, <nowiki><meter></nowiki>, <nowiki><dialog></nowiki>,
** <nowiki><data></nowiki>, <nowiki><time></nowiki>, <nowiki><mark></nowiki>, <nowiki><ruby></nowiki>, <nowiki><rt></nowiki>, <nowiki><rp></nowiki>, <nowiki><bdi></nowiki>, <nowiki><wbr></nowiki>,
** <nowiki><details></nowiki>, <nowiki><summary></nowiki>, <nowiki><menu></nowiki>, <nowiki><menuitem></nowiki> (нужно использовать вместо тега <nowiki><command></nowiki>).
* Новые значения атрибута type для тега <nowiki><input></nowiki>:
** date, datetime, datetime-local, time, month, week,
** color, email, tel, number, range, search, url.
* Новые атрибуты для тегов, например:
** autocomplete, autofocus, placeholder, required, pattern (для регулярных выражений) и другие для тега <nowiki><input></nowiki>,
** autocomplete, autofocus, placeholder, required и другие для <nowiki><textarea></nowiki>,
** async для тега <nowiki><script></nowiki>,
** srcset для тега <nowiki><img></nowiki>,
** download для тегов <nowiki><a></nowiki> и <nowiki><area></nowiki>.
* Новые глобальные атрибуты, то есть которые могут использоваться с любым из тегов, например:
** contenteditable, spellcheck, contextmenu, hidden, draggable/dropzone.
* Некоторые теги отмечены как устаревшие, вместо них рекомендуется использовать [[CSS]]:
** <nowiki><basefont></nowiki>, <nowiki><big></nowiki>, <nowiki><center></nowiki>, <nowiki><font></nowiki>, <nowiki><strike></nowiki>, <nowiki><tt></nowiki>.
* Исчезновение фреймов (<nowiki><frame></nowiki>, <nowiki><frameset></nowiki>, <nowiki><noframes></nowiki> (кроме <nowiki><iframe></nowiki>)) из-за проблем с поисковыми системами и некоторых неудобств при навигации по странице.
* Исчезновение некоторых тегов, заменённых в обновлённой спецификации на более актуальные:
** вместо <nowiki><acronym></nowiki> нужно использовать тег <nowiki><abbr></nowiki>,
** вместо <nowiki><applet></nowiki> использовать <nowiki><object></nowiki>,
** вместо <nowiki><dir></nowiki> использовать <nowiki><ul></nowiki>,
** вместо <nowiki><bgsound></nowiki> — тег <nowiki><audio></nowiki>,
** вместо <nowiki><listing></nowiki> и <nowiki><xmp></nowiki> — теги <nowiki><pre></nowiki> или <nowiki><code></nowiki>,
** вместо <nowiki><strike></nowiki> — <nowiki><del></nowiki> или <nowiki><s></nowiki>,
** вместо <nowiki><isindex></nowiki> — комбинацию тега <nowiki><form></nowiki> и текстового поля.
* Не поддерживаются некоторые атрибуты у тегов, например:
** charset и rev у тегов <nowiki><link></nowiki> и <nowiki><a></nowiki>,
** coords, shape и name у тега <nowiki><a></nowiki>,
** align у всех тегов,
** background, bgcolor, text, topmargin, rightmargin, bottommargin, leftmargin, link, alink, vlink у тега <nowiki><body></nowiki>.
* Новые API:
** Рисование 2D-картинок в реальном времени ([[w:Canvas|Canvas]]),
** Контроль над проигрыванием медиафайлов,
** Хранение данных в браузере,
** Редактирование,
** Drag-and-drop,
** Работа с сетью,
** MIME.
* Новые элементы в DOM.
 
== См. также ==