Формат HTML — основа веб-документов¶
HTML (от англ. HyperText Markup Language, «язык гипертекстовой разметки») — стандартизированный язык разметки документов, который является основным форматом для создания и представления страниц в интернете. HTML-документ представляет собой текстовый файл, содержащий специальные теги — команды, описывающие структуру и элементы страницы: заголовки, абзацы, списки, изображения, ссылки и другие объекты. Файлы HTML традиционно имеют расширения .html и .htm. Важно различать HTML и XML: хотя оба формата основаны на схожих принципах разметки с помощью тегов, HTML предназначен для отображения документов в браузерах, а XML — для хранения и передачи структурированных данных.
¶История
Идея гипертекста была предложена Ванневаром Бушем ещё в 1945 году, а первые практические реализации появились в 1960-х годах. Сам язык HTML был создан в 1989—1991 годах британским учёным Тимом Бернерсом-Ли, работавшим в ЦЕРН (Европейская организация по ядерным исследованиям). Первоначальная цель — облегчить обмен научными документами между исследователями. Бернерс-Ли разработал первые версии HTML, спецификацию HTML 2.0 и первый веб-браузер WorldWideWeb.
В дальнейшем развитие формата шло под эгидой Консорциума Всемирной паутины (W3C). Значительными вехами стали:
- HTML 3.2 (1997) — включил поддержку таблиц, сложных форм и объектов.
- HTML 4.01 (1999) — закрепил разделение структуры документа и оформления, поощряя использование CSS для визуального стиля.
- XHTML 1.0 (2001) — строгая версия HTML, основанная на синтаксисе XML.
- HTML5 (с 2008 года, официально утверждён как рекомендация W3C в 2014) — текущая основная версия, добавившая семантические элементы, мультимедиа-теги
<video>и<audio>, канвас для 2D-графики, работу с геолокацией и офлайн-хранилищем.
¶Структура HTML-документа
Минимальный HTML-документ имеет чёткую иерархическую структуру на основе вложенных тегов:
``html <!DOCTYPE html> <html lang="ru"> <head> <meta (организация признана экстремистской, деятельность запрещена в РФ) charset="UTF-8"> <title>Заголовок страницы</title> </head> <body> <h1>Основной заголовок</h1> <p>Абзац текста.</p> </body> </html> ``
<!DOCTYPE html>— объявление типа документа, сообщающее браузеру, что используется HTML5.<html>— корневой элемент, содержащий весь документ.<head>— служебная часть: кодировка, заголовок вкладки, подключаемые стили и скрипты.<body>— видимая часть страницы, наполняемая содержимым.
¶Основные элементы
HTML предоставляет набор семантических и нейтральных тегов. Ключевые из них:
| Тег | Назначение |
|---|---|
<h1>–<h6> | Заголовки шести уровней |
<p> | Абзац текста |
<a> | Гиперссылка |
<img> | Изображение |
<ul>, <ol>, <li> | Нумерованные и ненумерованные списки |
<table>, <tr>, <td> | Таблицы |
<div>, <span> | Блочные и строчные контейнеры без семантики |
<header>, <footer>, <nav>, <article>, <section> | Семантические структурные элементы (HTML5) |
<form>, <input>, <button> | Формы и элементы ввода |
<video>, <audio>, <canvas> | Мультимедиа (HTML5) |
Теги могут иметь атрибуты — пары «имя-значение», уточняющие свойства элемента: <a href="https://example.com">Ссылка</a>href` задаёт адрес назначения., где
¶Отличие HTML от XML
Часто возникает вопрос о сходстве HTML с XML (Extensible Markup Language). Оба формата используют угловые скобки и теги, однако принципиально различаются по назначению:
- HTML — язык разметки для отображения документов. Теги имеют фиксированный набор, допускаются «незакрытые» элементы (
<br>,<img>), браузер снисходительно исправляет ошибки в разметке. - XML — язык описания данных. Пользователь сам определяет имена тегов, строго обязательна закрытость каждого элемента, ошибки приводят к отказу в обработке.
Родственным форматом является также XHTML — попытка объединить строгость синтаксиса XML с семантикой HTML.
¶Роль в современном вебе
HTML является одним из трёх «китов» веб-разработки наряду с CSS (каскадные таблицы стилей, отвечающие за внешний вид) и JavaScript (язык программирования, добавляющий интерактивность). Браузер, получая HTML-документ с сервера, разбирает его (парсинг), строит дерево объектов (DOM) и рендерит страницу на экране. Без HTML не существовало бы ни одного веб-сайта — это универсальный формат, поддерживаемый всеми браузерами без исключения.
¶Источники
- W3C HTML Standard (WHATWG)
- Бернерс-Ли Т. «Weaving the Web», 1999
- МДН Web Docs (MDN Web Docs), раздел про HTML
- ГОСТ Р ИСО/МЭК 14882 и связанные стандарты веб-технологий