HTML
ساختاری
تگ dialog
تگ dialog یک پنجره گفتگو یا مودال تعریف می‌کند که می‌توان آن را باز و بسته کرد. فراخوانی متد showModal() آن را به‌صورت مودال با پس‌زمینه تیره نمایش می‌دهد و متد close() آن را می‌بندد. با ویژگی CSS به نام ::backdrop می‌توان پس‌زمینه آن را استایل داد.
سینتکس
<dialog open> محتوای گفتگو </dialog>مثال کاربردی
<dialog id="confirm">
<p>آیا از حذف مورد مطمئن هستید؟</p>
<button onclick="confirm.close()">بستن</button>
</dialog>ویژگی‌های (Attributes) مهم
open
نمایش باز پنجره گفتگو
class
کلاس CSS برای استایل‌دهی
id
شناسه یکتا؛ برای باز و بسته کردن با جاوااسکریپت لازم است