Что нового в HTML и вёрстке в июне 2025 года

Обновления в HTML: июнь 2025

Июнь 2025 ознаменовался рядом существенных нововведений в экосистеме HTML и веб-вёрстки. Эти изменения касаются не только спецификаций WHATWG и W3C, но и эволюции практик вёрстки, доступности, поведения браузеров и влияния на Core Web Vitals.

Новый статус HTML Living Standard

WHATWG опубликовала обновлённую редакцию HTML Living Standard 20 июня 2025 года: https://html.spec.whatwg.org/. Основные изменения:

• <dialog> теперь официально поддерживается во всех браузерах, включая Safari 18 (по данным WebKit Status) Вызов модального окна с помощью dialog
• Уточнено поведение autofocus, inert и popover в модальных сценариях
• Поддержка formnovalidate на <button type="submit"> признана обязательной для соответствия

Согласно исследованию State of HTML(данные еще заполняются), более 37% разработчиков уже применяют <dialog> для собственных модальных окон, вытесняя сторонние библиотеки вроде SweetAlert2 и jQuery UI.

---

Модальное окно

Весь остальной контент на странице недоступен, когда я открыто.

Закрыть

Влияние на производительность и UX

Совместная работа команд Chrome и MDN Web Docs привела к обновлению гайдов по доступной семантике и лейаутам без div-спама. Исследование Google Chrome UX Report 2025 Q1 показало:

• Сайты, использующие <header>, <main>, <nav> и <section> вместо <div> демонстрируют на 12% лучше INP (Interaction to Next Paint)
• <dialog> и popover без стороннего JS-кода показывают улучшение CLS на 17%

---

Новые возможности: popover API и inert атрибут

popover API

В июне Chrome 127 и Firefox Nightly включили popover API по умолчанию. Теперь можно создавать нативные выпадающие меню и подсказки с ARIA-совместимостью.

<button popovertarget="tooltip">?</button>
<div popover id="tooltip">Это подсказка без JS</div>

inert — управление фокусом

inert делает элемент и его дочерние невидимыми для клавиатурной навигации и screen reader'ов. Это важно для SPA и модальных компонентов. Подробнее: W3C Draft on inert

---

HTML-экосистема в 2025 году становится более нативной, предсказуемой и доступной. Уменьшается зависимость от JS-библиотек для базовых UI-компонентов. Семантика, производительность и доступность становятся ключевыми метриками качества вёрстки.

С разработкой под Core Web Vitals, Lighthouse и SGE-оптимизацию HTML будет не просто оболочкой, а стратегическим инструментом.

Хочешь обновить подход к вёрстке и внедрить нативные UI-компоненты — напиши команде NBM-IT.