← Словарь03.a / Термин
programming
HTML: продвинутые API и Web Components
Экспертный уровень: создание пользовательских тегов через Custom Elements API, инкапсуляция стилей и разметки в Shadow DOM, переиспользуемые шаблоны через
Категория
—
Оригинал
HTML Expert / Web Components (веб-компоненты) · en
Обновлено
4 июл. 2026
Теги
—
Суть в одном предложении
Экспертный HTML — это Web Components (Custom Elements, Shadow DOM, template/slot) и влияние разметки на производительность рендеринга.
Краткое определение
Экспертный уровень: создание пользовательских тегов через Custom Elements API, инкапсуляция стилей и разметки в Shadow DOM, переиспользуемые шаблоны через template/slot, а также то, как разметка (lazy loading, порядок скриптов) влияет на Core Web Vitals.
Ключевые моменты
- customElements.define регистрирует новый HTML-тег
- Shadow DOM изолирует стили компонента от остальной страницы
- <template> хранит неактивную разметку, <slot> определяет точки вставки контента
- loading="lazy" у img/iframe откладывает загрузку до попадания во вьюпорт