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

Содержимое удалено Содержимое добавлено
→‎!DOCTYPE: оформление
обновил информацию из Участник:Oleg3280/Учебник по HTML
Строка 7:
Параллельно с [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]).
Строка 13:
== Что нового? ==
 
* В отличие от HTML4, у которого 3 валидатора (strict, transitional, frameset), у HTML5 валидатор один : <codenowiki><!DOCTYPE html></codenowiki>.
* HTML5 поддерживает [[w:MathML|MathML]] и [[w:SVG|SVG]].
* Новые теги:
* Новые теги: '''section''', '''article''', '''aside''', '''hgroup''' (уже считается устаревшим в W3C), '''header''', '''footer''', '''nav''', '''dialog''', '''figure''', '''video''', '''audio''', '''source''', '''embed''' (для вставки контента с плагином (только)), '''mark''', '''progress''', '''meter''', '''time''', '''ruby''', '''rt''', '''rp''', '''canvas''', '''command''', '''detailes''', '''datalist''', '''keygen''', '''output'''.
** <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),
* Новые типы '''input''': '''tel''', '''search''', '''url''', '''email''', '''datetime''', '''date''', '''month''', '''week''', '''time''', '''datetime-local''', '''number''', '''range''', '''color'''.
** <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> (для вставки контента с плагином (только)),
* Новые атрибуты для тегов : атрибуты '''ping''' '''media''' для '''a''' и '''area''' и т. д.
** <nowiki><datalist></nowiki>, <nowiki><keygen></nowiki>, <nowiki><output></nowiki>, <nowiki><progress></nowiki>, <nowiki><meter></nowiki>, <nowiki><dialog></nowiki>,
* Исчезновение некоторых тегов, по причине того, что их можно заменить CSS: '''basefont''', '''big''', '''center''', '''font''', '''strike''', '''tt'''.
** <nowiki><data></nowiki>, <nowiki><time></nowiki>, <nowiki><mark></nowiki>, <nowiki><ruby></nowiki>, <nowiki><rt></nowiki>, <nowiki><rp></nowiki>, <nowiki><bdi></nowiki>, <nowiki><wbr></nowiki>,
* Исчезновение фреймов ('''frame''', '''frameset''', '''noframes''' (кроме '''iframe''')) из-за негативного влияния на всю страницу.
** <nowiki><details></nowiki>, <nowiki><summary></nowiki>, <nowiki><menu></nowiki>, <nowiki><menuitem></nowiki> (нужно использовать вместо тега <nowiki><command></nowiki>).
* Исчезновение некоторых тегов, замененных в обновлённой спецификации на более актуальные:
* Новые значения атрибута type для тега <nowiki><input></nowiki>:
** '''acronym''' (используется '''abbr'''),
** date, datetime, datetime-local, time, month, week,
** '''applet''' (используется '''object'''),
** color, email, tel, number, range, search, url.
** '''dir''' (использовать '''ul'''),
* Новые атрибуты для тегов, например:
** '''bgsound''' — '''audio''',
** autocomplete, autofocus, placeholder, required, pattern (для регулярных выражений) и другие для тега <nowiki><input></nowiki>,
** вместо '''listing''' и '''xmp''' нужно использовать '''pre''' или '''code''',
** autocomplete, autofocus, placeholder, required и другие для <nowiki><textarea></nowiki>,
** вместо '''strike''' — '''del''' или '''s''',
** async для тега <nowiki><script></nowiki>,
** вместо '''isindex''' — комбинацию тега '''form''' и текстового поля.
** srcset для тега <nowiki><img></nowiki>,
* Не поддерживаются некоторые атрибуты у тегов из-за отсутствия необходимости: '''rev''' и '''charset''' у '''link''' и '''a''', '''shape''' и '''coords''' у '''a''' и т. д.
** download для тегов <nowiki><a></nowiki> и <nowiki><area></nowiki>.
* Не поддерживаются некоторые атрибуты у тегов по причине того, что при использовании CSS достигается лучший эффект: align у всех тегов, alink, link, text, vlink у body и так далее.
* Новые глобальные атрибуты, то есть которые могут использоваться с любым из тегов, например:
** 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>)) из-за проблем с поисковыми системами и некоторых неудобств при навигации по странице.
* Исчезновение некоторых тегов, замененныхзаменённых в обновлённой спецификации на более актуальные:
** вместо '''listing''' и '''xmp'''<nowiki><acronym></nowiki> нужно использовать '''pre''' илитег '''code'''<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]]),
** Контроль над проигрыванием медиафайлов,
** Хранение данных в браузере,