HTML-элемента ‘dialog’ позволяет получать модальные диалоговые окна, не полагаясь на библиотеки JavaScript. Такой семантически верный подход можно использовать для создания оповещений, подтверждений, всплывающих окон.

Например:

<dialog id="myDialog">
    <p>Это диалог</p>
    <button onclick="document.getElementById('myDialog').close()">Закрыть</button>
</dialog>

<button onclick="document.getElementById('myDialog').showModal()">Открыть</button>

Такой элемент достаточно просто стилизовать или оснастить дополнительным функциями с помощью JavaScript.

Спасибо за внимание.