Skip to content

Appearance

Theme

Foxipa Forest

Mode

Light Dark System

Language selection

English Français العربية

Quiz

Test your knowledge: <details> and <summary>

Checkpoint on disclosure structure, open state, exclusive groups, toggle events, and semantic boundaries.

8 questions ~8 min Intermediate

Knowledge check

Test your knowledge: <details> and <summary>

Checkpoint on disclosure structure, open state, exclusive groups, toggle events, and semantic boundaries.

Stuck? Each question has an optional hint.
Skip a hard question and review it before your results.
Questions and answer options can shuffle between attempts.

You can retake this quiz whenever you like.

0:00

0/0

Review

What does <details> represent?

<details> is the HTML disclosure widget.
What is special about the first <summary> child?

The first summary represents the summary or legend.
What does the open attribute indicate?

open is a boolean attribute controlling the visible disclosure state.
What happens when same-name details elements form an exclusive group?

A non-empty shared name creates an exclusive details group in the same tree.
Which event reports a details open-state transition?

The HTML Standard queues a toggle event using ToggleEvent.
What should code assume about rapid open-state changes?

The specification coalesces successive state changes into the resulting toggle notification.
Which use is outside the intended semantics of <details>?

The specification explicitly says not to use details to represent another kind of control such as tabs.
What should an author avoid in one exclusive name group?

The current standard forbids more than one open member in the same details name group.