HTML5

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

Как выглядит разметка

<article>
  <h1>Как подключить оплату через СБП</h1>
  <p>Подключение занимает <strong>один день</strong>.</p>
  <a href="/contacts/">Связаться с нами</a>
</article>

Теги в угловых скобках объясняют браузеру роль каждого фрагмента: h1 — главный заголовок, p — абзац, a — ссылка. Из этой разметки браузер строит дерево элементов — DOM.

Что принес HTML5

• Смысловые теги: header, nav, main, article, section, footer. Они говорят не «как выглядит», а «что это»: меню, основная часть, статья.
• Видео и звук без плагинов: теги video и audio заменили Flash.
• Графика: canvas для рисования и встроенная поддержка векторной графики SVG.
• Формы: поля для электронной почты, телефона, даты, числа со встроенной проверкой ввода.
• Возможности для приложений: хранение данных в браузере, работа без сети, геолокация.

Почему правильная разметка важна

• Поисковые системы понимают структуру страницы по разметке: один главный заголовок h1, подзаголовки по порядку, осмысленные ссылки.
• Доступность. Программы экранного доступа для незрячих людей зачитывают страницу по тегам: им важно, где меню, а где основной текст.
• Поддержка. Чистую смысловую разметку проще оформлять и менять.

HTML и соседние технологии

HTML отвечает только за содержание и структуру. Как страница выглядит, описывает CSS, а поведение — реакцию на нажатия, загрузку данных — JavaScript. Эти три технологии — основа любого сайта и веб-приложения, на чем бы они ни были написаны: даже интерфейсы на React в итоге превращаются в обычный HTML.