foundation
HTML
Семантическая структура документа, формы, медиа, SEO-метаданные и нативные основы доступности.
HTML — первый контракт между продуктом, браузером, вспомогательными технологиями, краулерами и автоматизацией. Сильные ответы на интервью рассматривают разметку как поведение: кнопка отправляет форму, label именует поле, заголовок задаёт структуру, а metadata сообщает платформам, как представлять страницу.
Дочерние разделы охватывают семантическую структуру, формы, медиа, SEO-метаданные и основы доступности. CSS и JavaScript должны усиливать этот контракт, а не заменять его.
На интервью: объясните, почему семантическая разметка важна до фреймворков и стилей — назовите один провал, когда HTML превращают в «суп из div».
Типовые ошибки: вёрстка только на div, отсутствие метаданных документа, воссоздание нативного поведения в JavaScript.
Чеклист:
- Воспринимайте HTML как поведение, а не украшение.
- Углубляйтесь через дочерние темы: семантика, формы, медиа, SEO, a11y.
- Предпочитайте нативные элементы до ARIA и кастомных виджетов.