Веб-разработка

Что такое HTML?

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

HTML — не язык программирования: в нём нет переменных, условий и вычислений. Он только описывает, из каких элементов состоит страница и в каком порядке. Каждый элемент обозначают тегом, например <h1> для главного заголовка.

Правильная семантическая разметка важна не только для внешнего вида. Ей пользуются поисковые системы и программы чтения с экрана: если заголовок обозначен именно как заголовок, а не как крупный жирный текст, страница понятнее и роботам, и людям.

Где применяется

HTML изучает первым каждый, кто идёт в веб: фронтенд-разработчик, верстальщик, дизайнер, который сам делает лендинг, и даже маркетолог, редактирующий письмо для рассылки. Из HTML состоит каждая страница, и любой конструктор сайтов в итоге создаёт именно HTML.

Есть и менее очевидные сферы. Шаблоны email-писем верстают на 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 такие задачи приходится заказывать у других.

Обучение фронтенд-разработке в OWU

Освойте HTML, CSS, JavaScript и React на практических курсах с менторами и реальными проектами.

Выбрать курс