Using the <dialog> element:
The <dialog> tag defines a dialog box or window.
The <dialog> element makes it easy to create popup dialogs and modals on a web page.
The numbers in the table specify the first browser version that fully supports the element.
|<dialog>||37||Not supported||Not supported||6.0||24|
The <dialog> tag is new in HTML5.
= New in HTML5.
|open||open||Specifies that the dialog element is active and that the user can interact with it|
The <dialog> tag also supports the Global Attributes in HTML.
The <dialog> tag also supports the Event Attributes in HTML.
HTML DOM reference: Dialog Object