Тег <dialog> визначає діалогове вікно або підвікно. Елемент <dialog> полегшує створення спливаючих діалогових вікон і режимів на веб-сторінці.

Одним із прикладів простого діалогового вікна є попереджувальне повідомлення, яке з’являється, коли хтось намагається видалити важливий файл без попередніх заходів безпеки. Іншим прикладом є запит на підтвердження перед початком незворотного процесу, наприклад видалення всіх фотографій із диска.

Діалогове вікно – це тимчасове вікно, яке створює програма щоб отримати дані користувача. Програма зазвичай використовує діалогові вікна, щоб запитати у користувача додаткову інформацію для пунктів меню.

HTML-елемент <dialog> представляє модальне або немодальне діалогове вікно або інший інтерактивний компонент, наприклад сповіщення, яке можна відхилити, інспектор або підвікно. Елемент HTML <dialog> використовується для створення як модальних, так і немодальних діалогових вікон.

Базовий синтаксис діалогового вікна HTML Щоб додати діалогове вікно до сторінки, використовуйте тег HTML <dialog>. Я почну з додавання діалогового вікна на сторінку з тегом <dialog> разом із текстом-заповнювачем усередині вікна та на сторінці.

Діалог все ще дозволяє користувачеві взаємодіяти з іншим вмістом на сторінці, коли вона відкрита (тобто натискати кнопки та посилання, видимі навколо діалогу) Модаль блокує сторінку, доки щось не буде зроблено. Зазвичай це робиться з фоном, який охоплює весь інший вміст, тому потрібно мати справу з модальністю.