Просмотр кода страницы HTML

{{перевести|en|HTML}}
{{обновить|дата=2025-07-08}}
{{Файловый формат
| name = 
| icon =
| alt =
| screenshot = HTML.svg
| type code = TEXT
| uniform type = public.html
| genre = [[Язык разметки]]
| container for =
| contained by =
| extended to = 
| standard = [https://www.w3.org/TR/html52/ W3C HTML 5.2]<br>[https://html.spec.whatwg.org/multipage/ WHATWG HTML Living Standard]
| url = {{URL|https://www.w3.org/TR/html52/}}<br>{{URL|https://html.spec.whatwg.org/multipage/}}
}}
'''HTML'''  (от {{lang-en|HyperText Markup Language}} — «язык [[гипертекст]]овой разметки») — стандартизированный язык гипертекстовой разметки документов для просмотра [[Веб-страница|веб-страниц]] в [[Браузер|браузере]]. Веб-браузеры получают HTML документ от сервера по протоколам [[HTTP]]/[[HTTPS]] или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.

[[Элементы HTML]] являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты, такие как [[Форма (HTML)|интерактивная веб-форма]], могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как <code lang="html5"><img></code> и <code lang="html5"><input></code>, напрямую вводят контент на страницу. Другие теги, такие как <code lang="html5"><nowiki><p></nowiki></code>, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов. Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы.

Язык [[XHTML]] является более строгим вариантом HTML, он следует синтаксису [[XML]] и является приложением языка XML в области разметки гипертекста. 

В HTML можно встроить язык программирования JavaScript с помощью тега <code><nowiki><script></nowiki></code><ref name-"v100">{{cite web |url=https://www.w3schools.com/Tags/tag_script.asp |title=HTML <script> Tag |access-date=2024-12-05 |url-status=live |archive-date=2024-12-08 |archive-url=https://web.archive.org/web/20241208020956/https://www.w3schools.com/Tags/tag_script.asp }}</ref>.

Также включение [[CSS]] в HTML позволяет задавать внешний вид и макет страницы.

== Общее представление ==
Язык [[гипертекст]]овой разметки HTML был разработан британским учёным [[Бернерс-Ли, Тим|Тимом Бернерсом-Ли]] приблизительно в [[1986 год|1986]]—[[1991 год]]ах в стенах [[ЦЕРН]]а в [[Женева|Женеве]] в [[Швейцария|Швейцарии]]<ref>Tim Berners-Lee, «Information Management: A Proposal.» CERN (March 1989, May 1990). [https://www.w3.org/History/1989/proposal.html W3.org] {{Wayback|url=https://www.w3.org/History/1989/proposal.html |date=20100401051011 }}</ref>. HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области [[Вёрстка|вёрстки]]. HTML успешно справлялся с проблемой сложности [[SGML]] путём определения небольшого набора структурных и [[Семантика|семантических]] элементов — дескрипторов. Дескрипторы также часто называют «[[Тег (языки разметки)|тегами]]». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. [[Мультимедиа|Мультимедийные]] возможности были добавлены позже.

Первым общедоступным описанием HTML был документ «Теги HTML», впервые упомянутый в Интернете Тимом Бернерсом-Ли в конце 1991 года<ref name="tagshtml">{{cite web|url=https://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html|title=Tags used in HTML|publisher=World Wide Web Consortium|date=1992-11-03|access-date=2008-11-16|archive-date=2010-01-31|archive-url=https://web.archive.org/web/20100131184344/http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html|url-status=live}}</ref><ref>{{cite web |title=First mention of HTML Tags on the www-talk mailing list |url=http://lists.w3.org/Archives/Public/www-talk/1991SepOct/0003.html |publisher=World Wide Web Consortium |date=1991-10-29 |access-date=2007-04-08 |archive-date=2013-05-12 |archive-url=https://www.webcitation.org/6GYgsW0Uz?url=http://lists.w3.org/Archives/Public/www-talk/1991SepOct/0003.html |url-status=live }}</ref>. В нём описываются 18 элементов, составляющих первоначальный, относительно простой дизайн HTML. За исключением тега гиперссылки, на них сильно повлиял SGMLguid, внутренний формат документации, основанный на стандартном обобщенном языке разметки (SGML), в CERN. Одиннадцать из этих элементов всё ещё существуют в HTML 4<ref>{{cite web|url=https://www.w3.org/TR/1999/REC-html401-19991224/index/elements|title=Index of elements in HTML 4|publisher=World Wide Web Consortium|date=1999-12-24|access-date=2007-04-08|archive-date=2007-05-05|archive-url=https://web.archive.org/web/20070505172415/https://www.w3.org/TR/1999/REC-html401-19991224/index/elements|url-status=live}}</ref>.

Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег <code><nowiki><table></nowiki></code> предназначен для создания в документах таблиц, но иногда используется и для оформления размещения элементов на странице. С течением времени основная идея платформонезависимости языка HTML была принесена в жертву современным потребностям в мультимедийном и графическом оформлении.

== Браузеры ==
Текстовые документы, содержащие разметку на языке HTML (такие документы традиционно имеют [[Расширение имени файла|расширение]] <code>.html</code> или <code>.htm</code>), обрабатываются специальными [[Прикладное программное обеспечение|приложениями]], которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно предоставляют пользователю удобный [[Пользовательский интерфейс|интерфейс]] для запроса [[Веб-страница|веб-страниц]], их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются [[Google Chrome]], [[Mozilla Firefox]], [[Opera]], [[Internet Explorer]], [[Microsoft Edge]] и [[Safari]] (см.: [[Браузер#Рыночные доли]]).

== Версии ==
''См. также [[HTML5]].''
* HTML 2.0 — опубликован [[Инженерный совет Интернета|IETF]] как RFC 1866 в статусе ''Proposed Standard'' ([[24 ноября]] [[1995 год]]а)<ref>{{cite web|last=Berners-Lee, Tim; Connelly, Daniel|url=http://tools.ietf.org/html/rfc1866|title=Hypertext Markup Language – 2.0|publisher=Internet Engineering Task Force|date=1995-11|access-date=2010-12-01|archive-date=2011-08-27|archive-url=https://web.archive.org/web/20110827085509/http://tools.ietf.org/html/rfc1866|url-status=live}}</ref>;
* HTML 3.0 — 28 марта 1995 года — IETF Internet Draft (до 28 сентября 1995 года);
* HTML 3.2<ref>{{Cite web |url=http://www.w3.org/TR/REC-html32 |title=HTML 3.2 Reference Specification<!-- Заголовок добавлен ботом --> |access-date=2004-08-18 |archive-date=2010-06-19 |archive-url=https://web.archive.org/web/20100619054311/http://www.w3.org/TR/REC-html32 |url-status=live }}</ref> — [[14 января]] [[1997 год]]а;
* HTML 4.0<ref>{{Cite web |url=http://www.w3.org/TR/REC-html40-971218/ |title=HTML 4.0 Specification<!-- Заголовок добавлен ботом --> |access-date=2004-08-18 |archive-date=2011-06-06 |archive-url=https://web.archive.org/web/20110606002650/http://www.w3.org/TR/REC-html40-971218/ |url-status=live }}</ref> — [[18 декабря]] 1997 года;
* HTML 4.01<ref>[http://www.w3.org/TR/html401/ Спецификация HTML 4.01] {{Wayback|url=http://www.w3.org/TR/html401/ |date=20050306015517 }}{{ref|en}}</ref> — [[24 декабря]] [[1999 год]]а;
* ISO/IEC 15445:2000<ref>[http://www.purl.org/NET/ISO+IEC.15445/15445.html ISO/IEC 15445:2000(E) ISO-HTML<!-- Заголовок добавлен ботом -->]{{Недоступная ссылка}}</ref> (так называемый ISO HTML, основан на HTML 4.01 Strict) — [[15 мая]] [[2000 год]]а;
* [[HTML5]]<ref>{{Cite web |url=http://www.w3.org/TR/html50/ |title=HTML5 W3C Recommendation |access-date=2018-01-05 |archive-date=2018-01-06 |archive-url=https://web.archive.org/web/20180106065820/http://www.w3.org/TR/html50/ |url-status=live }}</ref> — [[28 октября]] [[2014 год]]а<ref>{{Cite web |url=https://www.w3.org/2014/10/html5-rec.html.en |title=Open Web Platform Milestone Achieved with HTML5 Recommendation |access-date=2018-01-05 |archive-date=2014-10-28 |archive-url=https://web.archive.org/web/20141028233921/https://www.w3.org/2014/10/html5-rec.html.en |url-status=live }}</ref>;
* HTML 5.1 начал разрабатываться 17 декабря 2012 года<ref>[http://dev.w3.org/html5/decision-policy/html5-2014-plan.html#plan Начало разработки версии 5.1] {{Wayback|url=http://dev.w3.org/html5/decision-policy/html5-2014-plan.html#plan |date=20161225190623 }} [[W3C]]</ref><ref>{{Cite web |url=http://www.w3.org/TR/2012/WD-html51-20121217/ |title=HTML 5.1 W3C Working Draft 17 December 2012 |access-date=2015-07-02 |archive-date=2015-07-16 |archive-url=https://web.archive.org/web/20150716020352/http://www.w3.org/TR/2012/WD-html51-20121217/ |url-status=live }}</ref>. Рекомендован к применению с 1 ноября 2016 года<ref>{{Cite web |url=https://www.w3.org/TR/html51/ |title=HTML 5.1 W3C Recommendation |access-date=2016-11-07 |archive-date=2016-11-07 |archive-url=https://web.archive.org/web/20161107021743/https://www.w3.org/TR/html51/ |url-status=live }}</ref><ref>{{Cite web |url=https://www.w3.org/blog/news/archives/5932 |title=HTML 5.1 is a W3C Recommendation {{!}} W3C News |access-date=2018-01-05 |archive-date=2020-11-08 |archive-url=https://web.archive.org/web/20201108103720/https://www.w3.org/blog/news/archives/5932 |url-status=live }}</ref><ref>{{Cite web |url=https://www.w3.org/blog/news/archives/6553 |title=HTML 5.1 2nd Edition is a W3C Recommendation {{!}} W3C News |access-date=2018-01-05 |archive-date=2018-01-06 |archive-url=https://web.archive.org/web/20180106073711/https://www.w3.org/blog/news/archives/6553 |url-status=live }}</ref><ref>{{Cite web |url=https://www.w3.org/blog/2016/11/html-5-1-is-the-gold-standard/ |title=HTML 5.1 is the gold standard {{!}} W3C Blog |access-date=2018-01-05 |archive-date=2020-11-08 |archive-url=https://web.archive.org/web/20201108101419/https://www.w3.org/blog/2016/11/html-5-1-is-the-gold-standard/ |url-status=live }}</ref>.
* HTML 5.2 был представлен 14 декабря 2017 года<ref>{{Cite web |url=https://www.w3.org/TR/html52/ |title=HTML 5.2 W3C Recommendation |access-date=2018-01-05 |archive-date=2017-12-14 |archive-url=https://web.archive.org/web/20171214093104/https://www.w3.org/TR/html52/ |url-status=live }}</ref><ref>{{Cite web |url=https://www.w3.org/blog/news/archives/6696 |title=HTML 5.2 is now a W3C Recommendation {{!}} W3C News |access-date=2018-01-05 |archive-date=2020-11-07 |archive-url=https://web.archive.org/web/20201107052342/https://www.w3.org/blog/news/archives/6696 |url-status=live }}</ref><ref>{{Cite web |url=https://www.w3.org/blog/2017/12/html-5-2-is-done-html-5-3-is-coming/ |title=HTML 5.2 is done, HTML 5.3 is coming {{!}} W3C Blog |access-date=2018-01-05 |archive-date=2020-11-09 |archive-url=https://web.archive.org/web/20201109042116/https://www.w3.org/blog/2017/12/html-5-2-is-done-html-5-3-is-coming/ |url-status=live }}</ref>.
* HTML 5.3 был представлен 24 декабря 2018 года.


Версия 3 была предложена [[W3C|Консорциумом Всемирной паутины]] (W3C) в марте 1995 года и обеспечивала много новых возможностей, таких как создание таблиц, «обтекание» изображений текстом и отображение сложных [[Математическая формула|математических формул]], поддержка [[GIF|gif-формата]]. Даже при том, что этот стандарт был совместим со второй версией, реализация его была сложна для браузеров того времени. Версия 3.1 официально никогда не предлагалась, и следующей версией стандарта HTML стала 3.2, в которой были опущены многие нововведения версии 3.0, но добавлены нестандартные элементы, поддерживаемые браузерами [[Netscape Navigator]] и [[Mosaic]].

В версии HTML 4.0 произошла некоторая «очистка» стандарта. Многие элементы были отмечены как устаревшие и не поддерживаемые ({{lang-en|deprecated}}).

В [[1998 год]]у [[Консорциум Всемирной паутины]] начал работу над новым языком разметки, основанным на HTML 4, но соответствующим синтаксису XML. Впоследствии новый язык получил название [[XHTML]]. Первая версия XHTML 1.0 одобрена в качестве Рекомендации консорциума Всемирной паутины [[26 января]] [[2000 год]]а.

Планируемая версия [[XHTML 2.0]] должна была разорвать совместимость со старыми версиями HTML и XHTML, но 2 июля [[2009 год]]а [[Консорциум Всемирной паутины]] объявил, что полномочия рабочей группы XHTML2 истекают в конце [[2009 год]]а. Таким образом была приостановлена вся дальнейшая разработка стандарта XHTML 2.0<ref>[http://www.w3.org/2009/06/xhtml-faq.html XHTML FAQ] {{Wayback|url=http://www.w3.org/2009/06/xhtml-faq.html |date=20120611034222 }}{{ref|en}}</ref>.

== Структура HTML-документа ==
{{Подробная статья|Элементы HTML}}
[[File:HTML element content categories.svg|thumb|<!-- HTML element content categories -->]]
HTML — теговый язык разметки [[HTML-документ|документов]]. Любой документ на языке HTML представляет собой набор [[Элементы HTML|элементов]], причём начало и конец каждого элемента обозначается специальными пометками — ''[[Тег (языки разметки)|тегами]]''. Элементы могут быть ''пустыми'', то есть не содержащими никакого текста и других данных. В этом случае обычно не указывается закрывающий тег (например, тег переноса строки <code><nowiki><br></nowiki></code> — одиночный и закрывать его не нужно) . Кроме того, элементы могут иметь ''атрибуты'', определяющие какие-либо их свойства (например, атрибут <code>href="</code> у ссылки). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:

* <code><nowiki><strong>Текст между двумя тегами — открывающим и закрывающим.</strong></nowiki></code>
* <code><nowiki><a href="http://www.example.com">Здесь элемент содержит атрибут href, то есть гиперссылку.</a></nowiki></code>
* <code><nowiki>А вот пример пустого элемента: <br></nowiki></code>

Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML). Элементы могут быть вложенными. Например, следующий код:
<source lang="html" line="1">
<!DOCTYPE html>
<html lang="ru">
   <head>
      <meta charset="UTF-8">
      <title>HTML Document</title>
   </head>
   <body>
      <p>
         <b>
            Этот текст будет полужирным, <i>а этот — ещё и курсивным</i>.
         </b>
      </p>
   </body>
</html>
</source>
даст такой результат:

: '''Этот текст будет полужирным, ''а этот — ещё и курсивным'''''.

=== Семантические теги ===
Рекомендуется использовать семантические теги, например, «<tbody> (семантический тег тела таблицы)» для лучшей индексации браузером.

=== Специальные символы ===
{{Подробная статья|Википедия:Специальные символы}}

Кроме элементов, в HTML-документах есть и ''сущности'' ({{lang-en|entities)}} — [[Мнемоники в HTML|«специальные символы»]]. Сущности начинаются с символа [[амперсанд]]а и имеют вид <code>&amp;''имя'';</code> или <code>&amp;#''NNNN'';</code>, где ''NNNN'' — код символа в [[Юникод]]е в десятичной системе счисления.

Например, <code>&amp;copy;</code> — знак [[Авторское право|авторского права]] (©). Как правило, сущности используются для представления символов, отсутствующих в кодировке документа, или же для представления «специальных» символов: <code>&amp;amp;</code> — амперсанда (&amp;), <code>&amp;lt;</code> — символа «меньше» (&lt;) и <code>&amp;gt;</code> — символа «больше» (&gt;), которые некорректно записывать «обычным» образом из-за их особого значения в HTML.

== Браузерные войны ==
{{Основная статья|Война браузеров}}
[[Файл:Usage share of web browsers (Source StatCounter).svg|thumb|Рыночная доля браузеров по данным [[StatCounter]]]]
В середине [[1990-е годы|1990-х годов]] основные производители браузеров — компании [[Netscape Communications|Netscape]] и [[Microsoft]] — начали внедрять собственные наборы элементов в HTML-разметку. Создалась путаница из различных конструкций для работы во Всемирной паутине, доступных для просмотра то в одном, то в другом браузере. Особенно большие трудности были при создании [[Кроссбраузерность|кросс-браузерных]] программ на языке [[JavaScript]]. [[Веб-мастер]]ам приходилось создавать несколько вариантов страниц или прибегать к другим ухищрениям. На какое-то время проблема потеряла актуальность по двум причинам:
* Из-за вытеснения браузером [[Internet Explorer]] всех остальных браузеров. Соответственно, проблема веб-мастеров становилась проблемой пользователей альтернативных браузеров.
* Благодаря усилиям производителей других браузеров, которые либо следовали стандартам [[W3C]] (как [[Mozilla]] и [[Opera]]), либо пытались создать максимальную совместимость с Internet Explorer.

На современном этапе{{каком}} можно констатировать рост популярности браузеров, следующих рекомендациям W3C (это [[Mozilla Firefox]] и другие браузеры на движке [[Gecko]]; [[Safari]], [[Google Chrome]], [[Opera]] и другие браузеры на движке [[WebKit]]). Доля Internet Explorer на июль 2022 года составляет менее 0,28 %<ref>{{Cite web |url=http://gs.statcounter.com/ |title=StatCounter Global Stats — Browser, OS, Search Engine including Mobile Usage Share |access-date=2016-02-23 |archive-date=2012-05-26 |archive-url=https://archive.today/20120526/http://gs.statcounter.com/%23mobile_browser-ww-monthly-201012-201111-bar |url-status=live }}</ref>.

В современной практике{{какой}} существует возможность упростить разработку кросс-браузерных программ на языке JavaScript с помощью различных библиотек и фреймворков, например, таких, как [[jQuery]], [[Scalable Inman Flash Replacement|sIFR]] и др.

== См. также ==
* [[MHTML]] (сокращение для MIME HTML) — архивный формат веб-страниц, используемый для комбинирования кода HTML и ресурсов, которые обычно представлены в виде внешних ссылок, в один файл.
* [[HTML-цвета]] — это [[Цвет|цвета]], используемые при отображении [[Веб-страница|веб-страниц]], а также методы описания и определения этих цветов.

== Примечания ==
{{примечания}}

== Литература ==
{{Родственные проекты|Викисловарь=HTML}}
* {{книга
|заглавие = Изучаем HTML, XHTML и CSS
|оригинал = Head First HTML with CSS & XHTML
|автор = Фримен Эрик, Фримен Элизабет
|страниц = 656
|isbn = 978-5-49807-113-8
|год = 2010
|место =  П.
|издательство = [[Питер (издательство)|«Питер»]]
|ответственный=|издание=|страницы=|isbn2=}}
* {{книга
|заглавие = HTML, XHTML и CSS для чайников, 7-е издание
|оригинал = HTML, XHTML & CSS For Dummies, 7th Edition
|автор = Эд Титтел, Джефф Ноубл.
|страниц = 400
|isbn = 978-5-8459-1752-2
|год = 2011
|место = М.
|издательство = [[Диалектика (издательство)|«Диалектика»]]
}}
* {{книга
|заглавие = HTML5 для профессионалов: мощные инструменты для разработки современных веб-приложений
|оригинал = Pro HTML5 Programming: Powerful APIs for Richer Internet Application Development
|автор = Питер Лабберс, Брайан Олберс, Фрэнк Салим.
|страниц = 272
|isbn = 978-5-8459-1715-7
|год = 2011
|место = М.
|издательство = [[Вильямс (издательство)|«Вильямс»]]
}}
* {{книга
|заглавие = HTML, XHTML и CSS. Библия пользователя, 5-е издание
|оригинал = HTML, XHTML, and CSS Bible, 5th Edition
|автор = Стивен Шафер.
|страниц = 656
|isbn = 978-5-8459-1676-1
|год = 2010
|место = М.
|издательство = [[Диалектика (издательство)|«Диалектика»]]
}}
* {{книга
|автор = Фримен Эрик, Фримен Элизабет.
|заглавие = Изучаем HTML, XHTML и CSS
|оригинал = Head First HTML with CSS & XHTML
|издание = 1-е изд
|место = М. |издательство = [[Питер (издательство)|«Питер»]]
|год = 2010
|страницы = 656
|isbn = 978-5-49807-113-8
}}
* {{книга |автор=Amerland D. |часть= |ссылка часть= |заглавие=Google Semantic Search |оригинал= |ссылка=https://books.google.ru/books?id=niCJxqdc-eoC |викитека= |ответственный= |издание= |место= |издательство=Que Publishing |год=2013 |volume= |pages= |columns= |allpages=240 |серия= |isbn=9780133434170 |тираж= |ref=Amerland }}

== Ссылки ==
{{внешние ссылки нежелательны}}
* [https://html.spec.whatwg.org/multipage/ HTML Standard]

{{Внешние ссылки}}
{{Языки разметки документов}}
{{Стандарты W3C}}
{{Стандарты ISO}}

[[Категория:HTML| ]]
[[Категория:Стандарты Интернета]]
[[Категория:Стандарты ISO]]
[[Категория:Языки разметки]]
[[К:Приложения обобщённых языков разметки]]
[[Категория:Стандарты W3C]]
[[Категория:Гипертекст]]