Reference · SemText · Disclosure & views

`<highlight>`

SemText element

You wrap the words to remember in a highlight child, or use [[double brackets]] as shorthand. Hiding them turns the passage into a self-test; showing them again reveals the answers.

Shares its schema with <sem-details> — the option bullets below belong to that element's contract.

Prose with parts the reader can hide to test their recall. You wrap the words to remember in a highlight child, or use [[double brackets]] as shorthand. Hiding them turns the passage into a self-test; showing them again reveals the answers.

No options beyond the global attribute catalog are stated for this tag.

Example

highlight.html

source

              
              <sem-details id="oidc-docs">
            
                <sem-detail>
            
                  The OIDC token travels in the
            
                  <highlight>Authorization</highlight> header.
            
                </sem-detail>
            
              </sem-details>

render

Live render boots with JavaScript — the authored source is alongside.

Quiz view — occluded, reveals per item

The same <sem-details> prose in the view-as mode the schema states as the self-check view — each <highlight> is occluded and revealed per item. Shown as its own figure: which of the pair the generator presents as the primary example is the schema file's choice.

Quiz view — occluded, reveals per item

highlight-quiz.html

source

              
              <sem-details id="oidc-details" view-as="quiz">
            
                <sem-detail>
            
                  The OIDC token travels in the
            
                  <highlight>Authorization</highlight> header.
            
                </sem-detail>
            
              </sem-details>

render

Live render boots with JavaScript — the authored source is alongside.

Source: spec/schema/sem-details.md