`<summary>`

The summary element provides the visible, clickable heading for a details disclosure widget.

Syntax

<summary>...</summary>

<details>
  <summary>FAQ: How do refunds work?</summary>
  <p>Refunds are processed within 5 days.</p>
</details>

Output

Renders a clickable disclosure label with a default triangle marker that toggles the answer.

Must be the first child of <details>. Style the marker with ::marker or list-style. It is focusable and toggles on Enter/Space automatically.