Какие нововведения в web-стандартах вы знаете

Что проверяют

Следите ли вы за платформой после HTML5 и ES6 и отличаете ли стандарт, который можно брать в прод, от эксперимента одного браузера. Уточнение почти всегда одно: что из этого вы применяли и как решали вопрос поддержки.

Как отвечать

Сразу обозначьте, как проверяете поддержку: метки Baseline на MDN и web.dev («widely available» и «newly available»), caniuse и итоги ежегодного Interop, где браузеры договариваются закрыть одни и те же пробелы. Потом назовите несколько вещей по группам:

• CSS: container queries и единицы cqi, селектор :has(), нативная вложенность, каскадные слои @layer, @scope, цвета oklch() и color-mix(), text-wrap: balance;
• UI без JavaScript-обвязки: <dialog> с showModal(), атрибут popover для слоёв поверх страницы, anchor positioning для привязки подсказки к элементу;
• переходы: View Transitions API, сначала внутри документа через document.startViewTransition(), затем между страницами через @view-transition;
• JavaScript: ежегодные редакции ECMAScript, например Object.groupBy, Promise.withResolvers, методы Set вроде union(), итераторные хелперы;
• сеть и скорость: HTTP/3 поверх QUIC, атрибут fetchpriority, метрика INP, которая в 2024 году заменила FID в Core Web Vitals;
• вычисления: WebGPU и WebAssembly со сборкой мусора, которая позволила компилировать в браузер языки с GC.

Покажите и подход: новое подключается как прогрессивное улучшение через @supports или проверку наличия API, а старые браузеры получают рабочий, пусть и более простой, вариант.

Где спотыкаются

Называют HTML5, CSS3 и ES6 новинками. Этим стандартам около десяти лет, и ответ сразу звучит устаревшим.

Выдают API одного Chromium, например Speculation Rules, за общий стандарт и не уточняют, что за пределами Chromium поддержка ограничена или её нет.

Путают предложение TC39 на третьей стадии или черновик спецификации с тем, что уже работает везде, и тащат это в прод без проверки и фолбэка.