HTML Can Do That: динамічні можливості, яким більше не потрібен JavaScript

HTML поглинув чимало роботи, яка колись належала JavaScript, і сторінка розробника Кріса Бернелла збирає докази в одному місці. «HTML Can Do That» перелічує можливості браузерів, які дають динамічну поведінку самим лише розмічуванням, кожну — з демонстрацією та посиланням на дані про підтримку.

Що показує сторінка

До списку входять атрибут popover, який дає елементу закриття кліком поза ним, закриття клавішею Escape та розміщення у верхньому шарі без маніпуляцій із z-index; елемент dialog для модальних вікон, якими можна керувати просто з HTML через popovertarget і form method="dialog"; та згруповані елементи details, де спільний атрибут name перетворює кілька розкривних блоків на ексклюзивний акордеон. Команди-інвокери (command і commandfor) дозволяють окремим кнопкам керувати одним popover без скриптів. Зображення отримують відкладене завантаження через loading="lazy", а hidden="until-found" ховає блок, який браузер розкриває, коли на нього вказує фрагментне посилання.

Відверті застереження

Бернелл прямо каже, що реалізації в браузерах нерівні. Вбудовані елементи форм — вибір кольору, дати й діапазону, meter і progress — дуже різняться типовим оформленням між браузерами й можуть бути поганими для доступності, тож він радить бути обережними. Підтримка datalist, який дає нативні підказки автодоповнення без сторонніх бібліотек, для різних типів полів «усе ще досить нерівна», і автор скеровує читачів до текстів Едріана Розеллі про «недоінженерні» комбобокси. Атрибут until-found працює з власним пошуком браузера, але не з пошуком у програмах читання з екрана.

Чому це важливо

Сторінка починалася як збірка за одну годину під час HTML Day 2026 і згодом була відредагована, щоб позначити, де реалізації недотягують; за приміткою автора, все зроблене так має бути «настільки доступним, наскільки можете». Практичний висновок для розробників — менша частка JavaScript: менше стану для оверлеїв, акордеонів, діалогів і лінивих медіа, якщо, звісно, компроміси з доступністю нових можливостей перевіряти, а не припускати.