Що таке 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 такі задачі замовляють на стороні.