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 с помощью тега <script>
[3].
Также включение CSS в HTML позволяет задавать внешний вид и макет страницы.
Общее представление
Язык гипертекстовой разметки HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986—1991 годах в стенах ЦЕРНа в Женеве в Швейцарии[4]. HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов — дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.
Первым общедоступным описанием HTML был документ «Теги HTML», впервые упомянутый в Интернете Тимом Бернерсом-Ли в конце 1991 года[5][6]. В нём описываются 18 элементов, составляющих первоначальный, относительно простой дизайн HTML. За исключением тега гиперссылки, на них сильно повлиял SGMLguid, внутренний формат документации, основанный на стандартном обобщенном языке разметки (SGML), в CERN. Одиннадцать из этих элементов всё ещё существуют в HTML 4[7].
Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег <table>
предназначен для создания в документах таблиц, но иногда используется и для оформления размещения элементов на странице. С течением времени основная идея платформонезависимости языка HTML была принесена в жертву современным потребностям в мультимедийном и графическом оформлении.
Браузеры
Текстовые документы, содержащие разметку на языке HTML (такие документы традиционно имеют
Версии
См. также HTML5.
- HTML 2.0 — опубликован IETF как RFC 1866 в статусе Proposed Standard (24 ноября 1995 года)[8];
- HTML 3.0 — 28 марта 1995 года — IETF Internet Draft (до 28 сентября 1995 года);
- HTML 3.2[9] — 14 января 1997 года;
- HTML 4.0[10] — 18 декабря 1997 года;
- HTML 4.01[11] — 24 декабря 1999 года;
- ISO/IEC 15445:2000[12] (так называемый ISO HTML, основан на HTML 4.01 Strict) — 15 мая 2000 года;
- HTML5[13] — 28 октября 2014 года[14];
- HTML 5.1 начал разрабатываться 17 декабря 2012 года[15][16]. Рекомендован к применению с 1 ноября 2016 года[17][18][19][20].
- HTML 5.2 был представлен 14 декабря 2017 года[21][22][23].
- HTML 5.3 был представлен 24 декабря 2018 года.
Версия 3 была предложена
В версии HTML 4.0 произошла некоторая «очистка» стандарта. Многие элементы были отмечены как устаревшие и не поддерживаемые (англ. deprecated).
В 1998 году Консорциум Всемирной паутины начал работу над новым языком разметки, основанным на HTML 4, но соответствующим синтаксису XML. Впоследствии новый язык получил название XHTML. Первая версия XHTML 1.0 одобрена в качестве Рекомендации консорциума Всемирной паутины 26 января 2000 года.
Планируемая версия XHTML 2.0 должна была разорвать совместимость со старыми версиями HTML и XHTML, но 2 июля 2009 года Консорциум Всемирной паутины объявил, что полномочия рабочей группы XHTML2 истекают в конце 2009 года. Таким образом была приостановлена вся дальнейшая разработка стандарта XHTML 2.0[24].
Структура HTML-документа

HTML — теговый язык разметки
<br>
— одиночный и закрывать его не нужно) . Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, атрибут href="
у ссылки). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:
<strong>Текст между двумя тегами — открывающим и закрывающим.</strong>
<a href="http://www.example.com">Здесь элемент содержит атрибут href, то есть гиперссылку.</a>
А вот пример пустого элемента: <br>
Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML). Элементы могут быть вложенными. Например, следующий код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>HTML Document</title>
</head>
<body>
<p>
<b>
Этот текст будет полужирным, <i>а этот — ещё и курсивным</i>.
</b>
</p>
</body>
</html>
даст такой результат:
- Этот текст будет полужирным, а этот — ещё и курсивным.
Семантические теги
Рекомендуется использовать семантические теги, например, «<tbody> (семантический тег тела таблицы)» для лучшей индексации браузером.
Специальные символы
Кроме элементов, в HTML-документах есть и сущности (англ. entities) — «специальные символы». Сущности начинаются с символа амперсанда и имеют вид &имя;
или &#NNNN;
, где NNNN — код символа в Юникоде в десятичной системе счисления.
Например, ©
— знак авторского права (©). Как правило, сущности используются для представления символов, отсутствующих в кодировке документа, или же для представления «специальных» символов: &
— амперсанда (&), <
— символа «меньше» (<) и >
— символа «больше» (>), которые некорректно записывать «обычным» образом из-за их особого значения в HTML.
Браузерные войны

В середине 1990-х годов основные производители браузеров — компании Netscape и Microsoft — начали внедрять собственные наборы элементов в HTML-разметку. Создалась путаница из различных конструкций для работы во Всемирной паутине, доступных для просмотра то в одном, то в другом браузере. Особенно большие трудности были при создании кросс-браузерных программ на языке JavaScript. Веб-мастерам приходилось создавать несколько вариантов страниц или прибегать к другим ухищрениям. На какое-то время проблема потеряла актуальность по двум причинам:
- Из-за вытеснения браузером Internet Explorer всех остальных браузеров. Соответственно, проблема веб-мастеров становилась проблемой пользователей альтернативных браузеров.
- Благодаря усилиям производителей других браузеров, которые либо следовали стандартам ), либо пытались создать максимальную совместимость с Internet Explorer.
На современном этапе[каком?] можно констатировать рост популярности браузеров, следующих рекомендациям W3C (это Mozilla Firefox и другие браузеры на движке Gecko; Safari, Google Chrome, Opera и другие браузеры на движке WebKit). Доля Internet Explorer на июль 2022 года составляет менее 0,28 %[25].
В современной практике[какой?] существует возможность упростить разработку кросс-браузерных программ на языке JavaScript с помощью различных библиотек и фреймворков, например, таких, как jQuery, sIFR и др.
См. также
- MHTML (сокращение для MIME HTML) — архивный формат веб-страниц, используемый для комбинирования кода HTML и ресурсов, которые обычно представлены в виде внешних ссылок, в один файл.
- HTML-цвета — это цвета, используемые при отображении веб-страниц, а также методы описания и определения этих цветов.
Примечания
- ↑ Connolly D., Masinter L. The 'text/html' Media Type (англ.) — IETF, 2000. — 8 p. — doi:10.17487/RFC2854
- ↑ https://www.w3.org/People/Raggett/book4/ch02.html
- ↑ HTML <script> Tag . Дата обращения: 5 декабря 2024. Архивировано 8 декабря 2024 года.
- ↑ Tim Berners-Lee, «Information Management: A Proposal.» CERN (March 1989, May 1990). W3.org Архивная копия от 1 апреля 2010 на Wayback Machine
- ↑ First mention of HTML Tags on the www-talk mailing list . World Wide Web Consortium (29 октября 1991). Дата обращения: 8 апреля 2007. Архивировано 12 мая 2013 года.
- ↑ Index of elements in HTML 4 . World Wide Web Consortium (24 декабря 1999). Дата обращения: 8 апреля 2007. Архивировано 5 мая 2007 года.
- ↑ Berners-Lee, Tim; Connelly, Daniel. Hypertext Markup Language – 2.0 . Internet Engineering Task Force (ноябрь 1995). Дата обращения: 1 декабря 2010. Архивировано 27 августа 2011 года.
- ↑ HTML 3.2 Reference Specification . Дата обращения: 18 августа 2004. Архивировано 19 июня 2010 года.
- ↑ HTML 4.0 Specification . Дата обращения: 18 августа 2004. Архивировано 6 июня 2011 года.
- ↑ Спецификация HTML 4.01 Архивная копия от 6 марта 2005 на Wayback Machine (англ.)
- ↑ ISO/IEC 15445:2000(E) ISO-HTML (недоступная ссылка)
- ↑ HTML5 W3C Recommendation . Дата обращения: 5 января 2018. Архивировано 6 января 2018 года.
- ↑ Open Web Platform Milestone Achieved with HTML5 Recommendation . Дата обращения: 5 января 2018. Архивировано 28 октября 2014 года.
- W3C
- ↑ HTML 5.1 W3C Working Draft 17 December 2012 . Дата обращения: 2 июля 2015. Архивировано 16 июля 2015 года.
- ↑ HTML 5.1 W3C Recommendation . Дата обращения: 7 ноября 2016. Архивировано 7 ноября 2016 года.
- ↑ HTML 5.1 is a W3C Recommendation | W3C News . Дата обращения: 5 января 2018. Архивировано 8 ноября 2020 года.
- ↑ HTML 5.1 2nd Edition is a W3C Recommendation | W3C News . Дата обращения: 5 января 2018. Архивировано 6 января 2018 года.
- ↑ HTML 5.1 is the gold standard | W3C Blog . Дата обращения: 5 января 2018. Архивировано 8 ноября 2020 года.
- ↑ HTML 5.2 W3C Recommendation . Дата обращения: 5 января 2018. Архивировано 14 декабря 2017 года.
- ↑ HTML 5.2 is now a W3C Recommendation | W3C News . Дата обращения: 5 января 2018. Архивировано 7 ноября 2020 года.
- ↑ HTML 5.2 is done, HTML 5.3 is coming | W3C Blog . Дата обращения: 5 января 2018. Архивировано 9 ноября 2020 года.
- ↑ XHTML FAQ Архивная копия от 11 июня 2012 на Wayback Machine (англ.)
- ↑ 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.