Back to Concepts

<summary>

Summary for details.

The `<summary>` tag defines a visible heading for the `<details>` element. The heading can be clicked to view/hide the details. The first child element of the `<details>` element should be a `<summary>` element.

Live Example & Code

Preview Output
<details><summary>FAQ Question</summary><p>Answer...</p></details>
HTMLViz
© 2026 HTMLViz. Open Source Learning.