HTML

Материал из Википедии — свободной энциклопедии
Перейти к навигации Перейти к поиску
HTML
Изображение логотипа
Расширение .html
MIME-тип text/html[1]
Разработчик Консорциум Всемирной паутины,Инженерный совет ИнтернетаиWHATWG
Опубликован 1993
Тип формата Язык разметки
Расширен из SGML[2]
Стандарт(ы) W3C HTML 5.2
WHATWG HTML Living Standard
Сайт html.spec.whatwg.org/…(англ.)
Логотип ВикискладаМедиафайлы на Викискладе

HTML(отангл.HyperText Markup Language— «языкгипертекстовойразметки») — стандартизированный язык гипертекстовой разметки документов для просмотравеб-страницвбраузере.Веб-браузеры получают HTML документ от сервера по протоколамHTTP/HTTPSили открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.

Элементы HTMLявляются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты, такие какинтерактивная веб-форма,могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как<img>и<input>,напрямую вводят контент на страницу. Другие теги, такие как<p>,окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов. Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы.

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

В HTML можно встроить язык программирования JavaScript с помощью тега.

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

Общее представление

[править|править код]

Языкгипертекстовойразметки HTML был разработан британским учёнымТимом Бернерсом-Липриблизительно в19861991 годахв стенахЦЕРНавЖеневевШвейцарии[3].HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в областивёрстки.HTML успешно справлялся с проблемой сложностиSGMLпутём определения небольшого набора структурных исемантическихэлементов — дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержкагипертекста.Мультимедийныевозможности были добавлены позже.

Первым общедоступным описанием HTML был документ «Теги HTML», впервые упомянутый в Интернете Тимом Бернерсом-Ли в конце 1991 года,[4][5].В нём описываются 18 элементов, составляющих первоначальный, относительно простой дизайн HTML. За исключением тега гиперссылки, на них сильно повлиял SGMLguid, внутренний формат документации, основанный на стандартном обобщенном языке разметки (SGML), в CERN. Одиннадцать из этих элементов всё ещё существуют в HTML 4[6].

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

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


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

В версии HTML 4.0 произошла некоторая «очистка» стандарта. Многие элементы были отмечены как устаревшие и не рекомендованные (англ.deprecated). В частности, тег<font>,используемый для изменения свойствшрифта,был помечен как устаревший (вместо него рекомендуется использовать таблицы стилейCSS).

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

Планируемая версияXHTML 2.0должна была разорвать совместимость со старыми версиями HTML и XHTML, но 2 июля2009 годаКонсорциум Всемирной паутиныобъявил, что полномочия рабочей группы XHTML2 истекают в конце2009 года.Таким образом была приостановлена вся дальнейшая разработка стандарта XHTML 2.0[23].

Структура HTML-документа

[править|править код]

HTML — теговый язык разметкидокументов.Любой документ на языке HTML представляет собой наборэлементов,причём начало и конец каждого элемента обозначается специальными пометками —тегами.Элементы могут бытьпустыми,то есть не содержащими никакого текста и других данных. В этом случае обычно не указывается закрывающий тег (например, тег переноса строки<br>— одиночный и закрывать его не нужно). Кроме того, элементы могут иметьатрибуты,определяющие какие-либо их свойства (например, атрибутhref= "у ссылки). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:

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

Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML). Элементы могут быть вложенными. Например, следующий код:

<!DOCTYPE html>
<htmllang="ru">
<head>
<metacharset="UTF-8">
<title>HTML Document</title>
</head>
<body>
<p>
<b>
Этот текст будет полужирным,<i>а этот — ещё и курсивным</i>.
</b>
</p>
</body>
</html>

даст такой результат:

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

Семантические теги

[править|править код]

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

Специальные символы

[править|править код]

Кроме элементов, в HTML-документах есть исущности(англ.entities)«специальные символы».Сущности начинаются с символаамперсандаи имеют вид&имя;или&#NNNN;,гдеNNNN— код символа вЮникодев десятичной системе счисления.

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

Браузерные войны

[править|править код]
Рыночная доля браузеров по даннымStatCounter

В середине1990-х годовосновные производители браузеров — компании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 %[24].

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

  • MHTML(сокращение для MIME HTML) — архивный формат веб-страниц, используемый для комбинирования кода HTML и ресурсов, которые обычно представлены в виде внешних ссылок, в один файл.
  • HTML-цвета— этоцвета,используемые при отображениивеб-страниц,а также методы описания и определения этих цветов.
  1. Masinter L.,Connolly D.The 'text/html' Media Type(англ.)IETF,2000. — 8 p. —doi:10.17487/RFC2854
  2. https://www.w3.org/People/Raggett/book4/ch02.html
  3. Tim Berners-Lee, «Information Management: A Proposal.» CERN (March 1989, May 1990).W3.orgАрхивная копияот 1 апреля 2010 наWayback Machine
  4. Tags used in HTML.World Wide Web Consortium (3 ноября 1992). Дата обращения: 16 ноября 2008.Архивировано31 января 2010 года.
  5. First mention of HTML Tags on the www-talk mailing list.World Wide Web Consortium (29 октября 1991). Дата обращения: 8 апреля 2007.Архивировано12 мая 2013 года.
  6. Index of elements in HTML 4.World Wide Web Consortium (24 декабря 1999). Дата обращения: 8 апреля 2007.Архивировано5 мая 2007 года.
  7. Berners-Lee, Tim; Connelly, DanielHypertext Markup Language – 2.0.Internet Engineering Task Force (ноябрь 1995). Дата обращения: 1 декабря 2010.Архивировано27 августа 2011 года.
  8. HTML 3.2 Reference Specification.Дата обращения: 18 августа 2004.Архивировано19 июня 2010 года.
  9. HTML 4.0 Specification.Дата обращения: 18 августа 2004.Архивировано6 июня 2011 года.
  10. Спецификация HTML 4.01Архивная копияот 6 марта 2005 наWayback Machine(англ.)
  11. ISO/IEC 15445:2000(E) ISO-HTML(недоступная ссылка)
  12. HTML5 W3C Recommendation.Дата обращения: 5 января 2018.Архивировано6 января 2018 года.
  13. Open Web Platform Milestone Achieved with HTML5 Recommendation.Дата обращения: 5 января 2018.Архивировано28 октября 2014 года.
  14. Начало разработки версии 5.1Архивная копияот 25 декабря 2016 наWayback MachineW3C
  15. HTML 5.1 W3C Working Draft 17 December 2012.Дата обращения: 2 июля 2015.Архивировано16 июля 2015 года.
  16. HTML 5.1 W3C Recommendation.Дата обращения: 7 ноября 2016.Архивировано7 ноября 2016 года.
  17. HTML 5.1 is a W3C Recommendation | W3C News.Дата обращения: 5 января 2018.Архивировано8 ноября 2020 года.
  18. HTML 5.1 2nd Edition is a W3C Recommendation | W3C News.Дата обращения: 5 января 2018.Архивировано6 января 2018 года.
  19. HTML 5.1 is the gold standard | W3C Blog.Дата обращения: 5 января 2018.Архивировано8 ноября 2020 года.
  20. HTML 5.2 W3C Recommendation.Дата обращения: 5 января 2018.Архивировано14 декабря 2017 года.
  21. HTML 5.2 is now a W3C Recommendation | W3C News.Дата обращения: 5 января 2018.Архивировано7 ноября 2020 года.
  22. HTML 5.2 is done, HTML 5.3 is coming | W3C Blog.Дата обращения: 5 января 2018.Архивировано9 ноября 2020 года.
  23. XHTML FAQАрхивная копияот 11 июня 2012 наWayback Machine(англ.)
  24. StatCounter Global Stats — Browser, OS, Search Engine including Mobile Usage Share.Дата обращения: 23 февраля 2016.Архивировано26 мая 2012 года.
  • Фримен Эрик, Фримен Элизабет.Изучаем HTML, XHTML и CSS = Head First HTML with CSS & XHTML. —П.:«Питер»,2010. — 656 с. —ISBN 978-5-49807-113-8.
  • Эд Титтел, Джефф Ноубл.HTML, XHTML и CSS для чайников, 7-е издание = HTML, XHTML & CSS For Dummies, 7th Edition. —М.:«Диалектика»,2011. — 400 с. —ISBN 978-5-8459-1752-2.
  • Питер Лабберс, Брайан Олберс, Фрэнк Салим.HTML5 для профессионалов: мощные инструменты для разработки современных веб-приложений = Pro HTML5 Programming: Powerful APIs for Richer Internet Application Development. —М.:«Вильямс»,2011. — 272 с. —ISBN 978-5-8459-1715-7.
  • Стивен Шафер.HTML, XHTML и CSS. Библия пользователя, 5-е издание = HTML, XHTML, and CSS Bible, 5th Edition. —М.:«Диалектика»,2010. — 656 с. —ISBN 978-5-8459-1676-1.
  • Фримен Эрик, Фримен Элизабет.Изучаем HTML, XHTML и CSS = Head First HTML with CSS & XHTML. — 1-е изд. —М.:«Питер»,2010. — С. 656. —ISBN 978-5-49807-113-8.
  • Amerland D.Google Semantic Search.— Que Publishing, 2013. — 240 p. —ISBN 9780133434170.