https://blog.master.dev/new-things-you-should-know-about-html-here-in-mid-2026/

  • Элементы разрешений ( и ) — специализированные кнопки для запроса доступа к геопозиции, камере и микрофону. Их главное преимущество — легкое «восстановление» прав, если пользователь сначала ответил отказом.
  • Элемент — семантическая кнопка для установки веб-приложения (PWA) на устройство, призванная стандартизировать этот фрагментированный процесс.
  • Кастомизация через CSS — возможность полностью изменять дизайн выпадающих списков с помощью appearance: base-select и новых псевдоэлементов вроде ::picker(select).
  • Изолированные реестры элементов (Scoped Element Registries) — позволяют регистрировать разные версии одного и того же веб-компонента (например, для разных Shadow DOM), избегая конфликтов имен.
  • Декларативный Shadow DOM — создание изолированного Shadow DOM напрямую через HTML-тег без использования JavaScript.
  • Атрибут shadowrootreferencetarget (Reference Target) — связывает внешние элементы (например, ) с инпутами, скрытыми внутри Shadow DOM, для сохранения доступности (accessibility).
  • Декларативные скрипты CSS-модулей — экспериментальная возможность подключать внешние таблицы стилей внутри Shadow DOM через конструкцию .
  • Потоковые HTML-включения (HTML Includes) — новые декларативные механизмы и теги для динамической вставки и обновления кусков HTML-кода («паршелов») «на лету» при стриминге.
  • Элемент — встроенный контекст (похожий на iframe), который может сохранять свое состояние и не перезагружаться при переходах пользователя по страницам одного сайта.
  • HTML-в-Canvas — отрисовка полноценного интерактивного HTML-кода внутри элемента с помощью атрибута layoutsubtree.
  • Команды и инвокеры (Commands & Invokers) — декларативный способ привязки действий к кнопкам (например, commandfor="id" command="toggle-popover") без написания кастомных обработчиков событий. Сюда же относятся инвокеры по наведению для создания нативных тултипов.
  • Элемент — нативный тег для быстрой интеграции и вращения 3D-моделей на странице без использования тяжелых JavaScript-библиотек.
  • Атрибут focusgroup — упрощает создание доступных интерфейсов (например, тулбаров), позволяя перемещаться между кнопками внутри группы с помощью стрелок на клавиатуре вместо постоянного нажатия Tab.
  • Атрибут hidden="until-found" — скрывает контент, но автоматически делает его видимым, если текст внутри него был найден пользователем через стандартный поиск по странице браузера (Ctrl+F).
  • Изменение стилизации — браузеры обновили стандартные стили: теперь вложенные в теги заголовки больше не уменьшаются автоматически до размеров , и т.д., убирая старую путаницу.
  • Поддержка sizes="auto" для изображений — автоматизирует адаптивные изображения; при ленивой загрузке (loading="lazy") браузер сам определяет нужный размер картинки из списка srcset.
#Шёл 2026. Нам наконец-то дали стилизовать селекты =)
https://blog.master.dev/new-things-you-should-know-about-html-here-in-mid-2026/

Элементы разрешений ( и ) — специализированные кнопки для запроса доступа к геопозиции, камере и микрофону | Сетка — социальная сеть от hh.ru