Each sem-detail child is one passage. Readers hide or show the highlighted words to test themselves. This is a study aid — not a reveal box and not a tab set.
A group of passages whose key words can be hidden for recall practice.
Each sem-detail child is one passage. Readers hide or show the highlighted words to test themselves. This is a study aid — not a reveal box and not a tab set.
`plain` (default) | `quiz`. Display-only sugar — the prose is identical; quiz view additionally occludes highlights.on the container; `kind`, `tags` global. Facts may also carry `<highlight>` prompts (schema sem-facts), but occlusion wiring for prose lives here.
Example
sem-details.html
source
1<sem-details id="oidc-docs">
2<sem-detail>
3TheOIDCtokentravelsinthe
4<highlight>Authorization</highlight>header.
5</sem-detail>
6</sem-details>
render
Live render boots with JavaScript — the authored source is alongside.
view-as="quiz" — each highlight occluded, revealed per item
The same prose under `view-as="quiz"`: every `<highlight>` becomes a keyboard-reachable occluded chip (`role="button"`, `aria-label="reveal"`) — click or Enter/Space reveals that one target and leaves its siblings occluded. Prose identical to plain; the attribute is display-only.
view-as="quiz" — each highlight occluded, revealed per item
sem-details-quiz.html
source
1<sem-details id="oidc-details" view-as="quiz">
2<sem-detail>
3TheOIDCtokentravelsinthe
4<highlight>Authorization</highlight>header.
5</sem-detail>
6</sem-details>
render
Live render boots with JavaScript — the authored source is alongside.