Что такое HTML?
HTML (HyperText Markup Language) — язык разметки, который задаёт структуру веб-страницы: заголовки, абзацы, списки, ссылки, изображения и формы. Браузер читает HTML и строит по нему документ, который вы видите на экране.
HTML — не язык программирования: в нём нет переменных, условий и вычислений. Он только описывает, из каких элементов состоит страница и в каком порядке они идут. Каждый элемент записывается тегом, например <h1> для главного заголовка.
Правильная семантическая разметка важна не только для внешнего вида. По ней ориентируются поисковые системы и программы чтения с экрана: заголовок, помеченный как заголовок, а не как «крупный жирный текст», делает страницу понятнее и роботам, и людям.
Где применяется
HTML — первое, что осваивает любой, кто идёт в веб: фронтендер, верстальщик, дизайнер, который сам собирает лендинг, и даже маркетолог, правящий письмо для рассылки. Из него состоит каждая страница, а любой конструктор сайтов в итоге выдаёт именно HTML.
Есть и менее очевидные места применения. Шаблоны писем собирают на HTML с оглядкой на старые почтовые клиенты. SEO-специалист работает с разметкой заголовков, alt-текстами и микроразметкой. А специалисты по доступности проверяют, корректно ли размечены формы и кнопки — от этого зависит, сможет ли пользоваться сайтом человек с программой чтения с экрана.
Пример
Форма подписки — это всего несколько тегов: контейнер формы, поле для почты с типом email и кнопка отправки. Браузер сам проверит формат адреса и покажет на телефоне клавиатуру с символом собачки — просто потому, что тип поля указан правильно.
<article>
<h1>Курс Front-End Developer</h1>
<p>Старт ближайшей группы — 15 октября.</p>
<form action="/subscribe" method="post">
<label for="email">Ваш email</label>
<input id="email" name="email" type="email" required>
<button type="submit">Записаться</button>
</form>
</article>Частые вопросы
HTML — это язык программирования?
Нет. В нём нет переменных, условий, циклов и вычислений — он только описывает структуру документа. Это язык разметки. Логику на странице добавляет JavaScript, внешний вид — CSS, и вместе они образуют базовый набор веб-разработчика.
Сколько времени нужно на изучение HTML?
Основные теги осваиваются за одну-две недели занятий. Гораздо дольше формируется привычка к семантике: выбирать тег по смыслу, а не по внешнему виду. Этот навык нарабатывается на практике вместе с CSS, когда вы верстаете реальные макеты.
Что такое семантическая вёрстка и зачем она нужна?
Это использование тегов по назначению: заголовок размечен заголовком, навигация — тегом nav, основной текст — article. Такая разметка помогает поисковым системам понимать страницу, а программам чтения с экрана — озвучивать её структуру незрячим пользователям.
Нужно ли учить HTML, если есть конструкторы сайтов?
Для простой визитки — не обязательно. Но любой конструктор упирается в ограничения, и в этот момент приходится править код вручную: вставить скрипт аналитики, поправить разметку для поиска, исправить вёрстку письма. Без базового HTML такие задачи заказывают на стороне.