Обновляет HTML и CSS на 2026 год

[meritt]

Новые разделы

HTML:

• Семантические теги (#html-semantics) — правила использования header, nav, main, article,
  section, aside, footer
• Ленивая загрузка (#html-loading) — использование loading="lazy" для изображений и iframe
• Доступность (#html-accessibility) — правила alt, связи label/input, aria-label для
  кнопок-иконок

CSS:

• Контейнерные запросы (#css-container) — использование container и @container
• Фокус :focus-visible (#css-focus-visible) — замена :focus на :focus-visible
• Кастомные свойства (#css-custom-properties) — работа с CSS-переменными
• Правило @Keyframes (#css-keyframes) — форматирование анимаций
• Правило @font-face (#css-font-face) — подключение шрифтов с font-display: swap

---

Обновлённые разделы

Базовые части разметки:

• Добавлен в обязательную структуру

Подключение скриптов:

• Добавлены примеры ES-модулей (type="module") и атрибута defer

Структура объявления CSS:

• Добавлен раздел про вложенность (@media, @container, CSS nesting)

Формат цветов:

• Добавлен современный синтаксис rgb(0 0 0 / 0.5) вместо rgba(0, 0, 0, 0.5)
• Добавлена рекомендация oklch() для дизайн-систем

Порядок свойств CSS:

• Добавлена группа «Кастомные свойства»
• Добавлена группа «Интерактивность» (cursor, pointer-events, user-select)

Доступное скрытие (.visually-hidden):

• Убран устаревший clip: rect(0 0 0 0), оставлен только clip-path: inset(100%)

[meritt]

@nikolai-shabalin чё думаешь? xD

[nikolai-shabalin]

НИЧОСИ

гляну-гляну =)

[meritt]

@nikolai-shabalin сдерживал себя как мог, добавлял секции, удалял секции. В итоге остановился на таком. Если никаких противоречий нет, то я подтяну обновления в stylint и htmlhint.

[nikolai-shabalin]

В словарике веб-стандартов зафиксирован как "выражение от контейнера"

[nikolai-shabalin]

А в чём собственно правило? Использовать вместо @media?

[meritt]

Согласен, что-то я записался и не заметил. Думаешь просто выкинуть?

[nikolai-shabalin]

Давай выкинем

[nikolai-shabalin]

Может разделить правило на два: "Форматирование" и "Вложенность"?

[meritt]

А там фактичски так и есть, сначала список «Форматирование», а потом после абзаца с «Вложенность» отдельный список. Или что ты имеешь ввиду?

[nikolai-shabalin]

Сейчас всё в одной секции. Можно разделить на две по темам