Содержание
HTML-код пишут веб-разработчики и верстальщики (frontend-разработчики), а также специалисты, работающие с CMS (системами управления контентом) — например, администраторы сайтов на Joomla, WordPress или Drupal — когда редактируют шаблоны или вставляют сложные элементы. Кроме того, контент-менеджеры могут править HTML в визуальном редакторе (переключившись в режим «код»), а дизайнеры иногда генерируют HTML-код из макетов Figma (через плагины). В широком смысле, любой, кто создаёт веб-страницу, будь то программист или энтузиаст, может писать HTML, так как язык достаточно прост. Однако профессионально HTML пишут верстальщики — специалисты, которые превращают дизайн (PSD, Figma) в работающие страницы.
Профессии, которые пишут HTML-код
HTML — это основа веба, поэтому его пишут специалисты разных профилей.
1. Frontend-разработчик (верстальщик)
Это основная роль. Frontend-разработчик получает макет от дизайнера (часто в Figma) и пишет HTML, CSS, JavaScript, чтобы страница корректно отображалась в браузере. Он должен соблюдать семантику, кроссбраузерность, адаптивность. Без него даже самый красивый дизайн останется картинкой.
2. Backend-разработчик (при работе с CMS)
Backend-разработчик на PHP (например, при создании сайтов на Joomla или WordPress) часто вынужден писать HTML-код внутри шаблонов (например, в файлах index.php или template.html). Он может генерировать HTML динамически, извлекая данные из базы. Такой код сложнее, потому что HTML смешивается с PHP.
3. Контент-менеджер (редактор сайта)
При работе в CMS или конструкторе контент-менеджер может переключать редактор в режим «HTML/исходный код», чтобы вставить iframe (карту, видео), поправить сломанный тег или добавить микроразметку. Хотя это не «написание кода с нуля», но знание HTML ему необходимо.
4. Веб-дизайнер
Современный веб-дизайнер (особенно если он один в проекте) часто сам пишет HTML/CSS для своих макетов. Знание HTML помогает дизайнеру создавать реалистичные макеты и понимать ограничения вёрстки. Однако сегодня дизайнеры всё чаще отдают макеты в Figma, а верстальщики пишут код.
5. Специалист по email-рассылкам
HTML для писем — это особый вид искусства. Используется табличная вёрстка, инлайн-стили. Этим занимаются специалисты по email-маркетингу, которые должны знать HTML на достаточном уровне, чтобы письмо корректно отображалось в Outlook и Gmail.
| Роль | Как часто пишет HTML | Глубина знаний HTML |
|---|---|---|
| Frontend-разработчик | Ежедневно | Экспертный уровень |
| Backend-разработчик (CMS) | Часто (в шаблонах) | Средний (понимает семантику) |
| Контент-менеджер | Редко (только правки) | Базовый (знает основные теги) |
Почему HTML не всегда пишут люди (генераторы и AI)
В современном мире HTML-код часто генерируется автоматически:
- Конструкторы сайтов (SitePro.by, Tilda): вы перетаскиваете блоки, а система генерирует HTML/CSS/JS за кулисами. Человек не видит код, если не хочет.
- CMS (Joomla, WordPress): HTML генерируется динамически PHP-скриптами при каждом запросе. Администратор лишь вводит контент в редактор.
- Генераторы статических сайтов (Hugo, Jekyll): берут Markdown-файлы и шаблоны и на выходе выдают готовый HTML.
- Искусственный интеллект (ChatGPT, Copilot): пишет HTML-код по текстовому описанию. Например, вы пишете: «Создай страницу с формой обратной связи», и AI генерирует код.
Однако профессиональные разработчики всё равно пишут и правят HTML вручную — автоматизация пока не умеет создавать идеальный семантический код с учётом всех нюансов.
Кто пишет HTML в Joomla (конкретный пример)
В Joomla HTML-код пишут в нескольких местах:
- Разработчик шаблона (template): создаёт файлы
index.php,component.php, где HTML смешан с PHP-вызовами ($this->getBuffer()). Это требует понимания иерархии шаблонов и позиций модулей. - Администратор сайта (при правке материалов): может переключить редактор в режим «HTML» и вставить ручную разметку (например, красиво оформить таблицу).
- Разработчик расширения (компонента): пишет HTML в макетах (layout) компонента, чтобы вывести данные из БД в виде таблицы или карточек.
В отличие от конструктора, где HTML скрыт, в Joomla разработчик часто копается в коде напрямую.
Какие навыки нужны, чтобы писать HTML
HTML — самый лёгкий язык веб-разработки. Для базового уровня достаточно:
- Знать основные теги:
html, head, body, div, span, h1-h6, p, a, img, ul, li, table, form, input. - Понимать разницу между блочными и строчными элементами.
- Уметь вставлять картинки, ссылки, списки, таблицы.
- Знать основы семантической вёрстки (теги
header, nav, main, article, aside, footer).
Профессионал (frontend-разработчик) также должен знать:
- CSS для стилизации.
- JavaScript для интерактива.
- Адаптивность (мета-тег viewport, медиазапросы).
- Кроссбраузерность (проверка в Chrome, Firefox, Safari, Edge).
- Доступность (ARIA-атрибуты).
Почему HTML не пишут все подряд
Несмотря на кажущуюся простоту, хороший HTML-код требует дисциплины. Новички часто допускают ошибки:
- Закрывают не все теги.
- Используют теги для форматирования (
<b></b>) вместо семантических (<strong></strong>). - Вставляют стили и скрипты в неположенные места.
- Забывают про адаптивность (фиксированные размеры).
Поэтому компании предпочитают нанимать профессиональных верстальщиков, а не полагаться на AI или случайных людей.
Резюме от эксперта
HTML-код пишут в основном frontend-разработчики, backend-разработчики (при работе с CMS), контент-менеджеры (в режиме правки) и иногда дизайнеры. В современном мире HTML всё чаще генерируется автоматически (конструкторы, CMS, AI), но для сложных или нестандартных задач без ручного кодирования не обойтись. Если вы хотите научиться писать HTML, начните с простого блокнота и создайте свою первую страницу — это откроет вам дверь в веб-разработку. А если вы уже работаете с Joomla или WordPress, базовое знание HTML поможет вам редактировать шаблоны и не бояться «сломать сайт».
