1. Вбудовані секрети: <details> і <summary>

Чи знали ви, що HTML має власну функцію "акордеон"? За допомогою <details> і <summary> можна створювати розширювані розділи контенту — і для цього не потрібні складні маніпуляції з кодом. Ідеально для FAQ або для приховування скарбів!

2. Діалоги, які говорять за себе

Тепер попапи не потребують складного JavaScript! Елемент <dialog> вбудовує модальні вікна в ваші проекти. Будь то швидке сповіщення або стильна форма — цей тег стане вашим новим найкращим другом для безперешкодної взаємодії з користувачем.

3. Завантаження одним кліком: Атрибут download

Забудьте про складні робочі процеси з обміну файлами. За допомогою одного атрибута в посиланнях користувачі можуть швидко завантажити файли. Вважайте це HTML-версією "кнопки легкості".

4. Магія автозаповнення з <input>

Навіщо змушувати користувачів набирати кожну деталь? Елемент <input> із вбудованим автозаповненням підказує варіанти одразу в полях введення, перетворюючи звичайні форми на справжній вітер для заповнення.

5. Скарбниця hidden у HTML

Іноді контент має бути прихованим, але не забутим. Атрибут hidden дозволяє елементам залишатися акуратно прихованими, чекаючи на свій великий вихід, коли прийде час.

6. Підзарядіть елементи за допомогою атрибута is

Мрієте про те, щоб додати рідним HTML елементам свою унікальну особистість? Атрибут is перетворює звичайні теги на супергероїв, надаючи їм власні кастомізовані поведінки — без потреби в пелерині.

7. Таємний запас: <template>

Перекладено з: 7 Hidden HTML Features That Will Surprise You