# Declarative shadow DOM

HTML syntax that creates a shadow root from a template element during parsing.

## What is **Declarative shadow DOM**?

**Declarative shadow DOM** — HTML syntax that creates a shadow root from a template element during parsing.

```html
<article>
  <template shadowrootmode="open">
    <slot></slot>
  </template>
  Order ready
</article>
```

Level: Freelancer · [More HTML terms at this level](https://www.ask-codey.com/glossary/subjects/html/freelancer)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/declarative-shadow-dom