HTML/HTML5: различия между версиями
Содержимое удалено Содержимое добавлено
Oleg4280 (обсуждение | вклад) →!DOCTYPE: оформление |
Oleg4280 (обсуждение | вклад) обновил информацию из Участник:Oleg3280/Учебник по HTML |
||
Строка 7:
Параллельно с [http://www.w3.org/ W3C] развитием HTML5 занимается и [https://whatwg.org/ WHATWG]. Причём [https://platform.html5.org/history/ с 2004 года] WHATWG, а с 2007 W3C, у которой до этого приоритетом был стандарт XHTML2.0.
В [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]).
Строка 13:
== Что нового? ==
* В отличие от HTML4, у которого 3 валидатора (strict, transitional, frameset), у HTML5 валидатор один
* 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.
** '''dir''' (использовать '''ul'''),▼
* Новые атрибуты для тегов, например:
** autocomplete, autofocus, placeholder, required, pattern (для регулярных выражений) и другие для тега <nowiki><input></nowiki>,
** вместо '''listing''' и '''xmp''' нужно использовать '''pre''' или '''code''',▼
** autocomplete, autofocus, placeholder, required и другие для <nowiki><textarea></nowiki>,
** async для тега <nowiki><script></nowiki>,
** вместо '''isindex''' — комбинацию тега '''form''' и текстового поля.▼
** 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><applet></nowiki> использовать <nowiki><object></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>,
▲** вместо
* Не поддерживаются некоторые атрибуты у тегов, например:
** 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]]),
** Контроль над проигрыванием медиафайлов,
** Хранение данных в браузере,
|