Reference · SemText · Document & structure

`<sem-enhanced-document>`

SemText element

You wrap the whole document in it once. Inside, plain HTML and sem-* elements mix freely. Extraction reads everything inside the wrapper; the browser treats it as an ordinary container.

The required root wrapper around a SemText document. You wrap the whole document in it once. Inside, plain HTML and sem-* elements mix freely. Extraction reads everything inside the wrapper; the browser treats it as an ordinary container.

Example

sem-enhanced-document.html

source

              
              <sem-enhanced-document>
            
              <h1 data-kind="title">Auth notes</h1>
            
              <sem-note variant="tip">Ordinary HTML and sem-* elements mix freely inside.</sem-note>
            
              </sem-enhanced-document>

render

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

Source: spec/conventions.md