# Popovers and Dialogs

A popover is a note that pops up over the page from a button and closes with Esc or a click outside, and a modal dialog is a box that blocks the page until the visitor closes it, both with no JavaScript.

![Codey's cheat sheet for Popovers and Dialogs: A popover is a note that pops up over the page from a button and closes with Esc or a click outside, and a modal dialog is a box that blocks the page until the visitor closes it, both with no JavaScript.](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/e75cf9e2aa4d47ed931dcf33db63d4d6.webp)

- Category: HTML
- Level: Journeyman
- Tags: <dialog>, html, Light dismiss, Modal dialog, Popover, popover attribute, Popover target
- Updated: October 31, 2026

Source: https://www.ask-codey.com/cheat-sheets/html-popovers-and-dialogs-cheat-sheet