foundation

HTML

Семантическая структура документа, формы, медиа, SEO-метаданные и нативные основы доступности.

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

Дочерние разделы охватывают семантическую структуру, формы, медиа, SEO-метаданные и основы доступности. CSS и JavaScript должны усиливать этот контракт, а не заменять его.

На интервью: объясните, почему семантическая разметка важна до фреймворков и стилей — назовите один провал, когда HTML превращают в «суп из div».

Типовые ошибки: вёрстка только на div, отсутствие метаданных документа, воссоздание нативного поведения в JavaScript.

Чеклист:

  • Воспринимайте HTML как поведение, а не украшение.
  • Углубляйтесь через дочерние темы: семантика, формы, медиа, SEO, a11y.
  • Предпочитайте нативные элементы до ARIA и кастомных виджетов.