sveltejs
diff --git a/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/05-svelte-html/+assets/app-a/src/lib/App.svelte
+7 b/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/05-svelte-html/+assets/app-a/src/lib/App.svelte
+7
diff --git a/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/05-svelte-html/+assets/app-b/src/lib/App.svelte
+7 b/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/05-svelte-html/+assets/app-b/src/lib/App.svelte
+7
diff --git a/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/05-svelte-html/index.md
+16 b/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/05-svelte-html/index.md
+16
diff --git a/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/05-svelte-head/+assets/app-a/src/lib/App.svelte ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/06-svelte-head/+assets/app-a/src/lib/App.svelte b/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/05-svelte-head/+assets/app-a/src/lib/App.svelte ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/06-svelte-head/+assets/app-a/src/lib/App.svelte
diff --git a/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/05-svelte-head/+assets/app-b/src/lib/App.svelte ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/06-svelte-head/+assets/app-b/src/lib/App.svelte b/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/05-svelte-head/+assets/app-b/src/lib/App.svelte ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/06-svelte-head/+assets/app-b/src/lib/App.svelte
diff --git a/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/05-svelte-head/index.md ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/06-svelte-head/index.md b/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/05-svelte-head/index.md ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/06-svelte-head/index.md
diff --git a/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/06-svelte-element/+assets/app-a/src/lib/App.svelte ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/07-svelte-element/+assets/app-a/src/lib/App.svelte b/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/06-svelte-element/+assets/app-a/src/lib/App.svelte ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/07-svelte-element/+assets/app-a/src/lib/App.svelte
diff --git a/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/06-svelte-element/+assets/app-b/src/lib/App.svelte ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/07-svelte-element/+assets/app-b/src/lib/App.svelte b/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/06-svelte-element/+assets/app-b/src/lib/App.svelte ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/07-svelte-element/+assets/app-b/src/lib/App.svelte
diff --git a/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/06-svelte-element/index.md ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/07-svelte-element/index.md b/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/06-svelte-element/index.md ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/07-svelte-element/index.md
diff --git a/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/07-svelte-boundary/+assets/app-a/src/lib/App.svelte ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/08-svelte-boundary/+assets/app-a/src/lib/App.svelte b/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/07-svelte-boundary/+assets/app-a/src/lib/App.svelte ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/08-svelte-boundary/+assets/app-a/src/lib/App.svelte
diff --git a/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/07-svelte-boundary/+assets/app-a/src/lib/FlakyComponent.svelte ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/08-svelte-boundary/+assets/app-a/src/lib/FlakyComponent.svelte b/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/07-svelte-boundary/+assets/app-a/src/lib/FlakyComponent.svelte ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/08-svelte-boundary/+assets/app-a/src/lib/FlakyComponent.svelte
diff --git a/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/07-svelte-boundary/+assets/app-b/src/lib/App.svelte ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/08-svelte-boundary/+assets/app-b/src/lib/App.svelte b/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/07-svelte-boundary/+assets/app-b/src/lib/App.svelte ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/08-svelte-boundary/+assets/app-b/src/lib/App.svelte
diff --git a/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/07-svelte-boundary/index.md ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/08-svelte-boundary/index.md b/‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/07-svelte-boundary/index.md ‎apps/svelte.dev/content/tutorial/02-advanced-svelte/07-special-elements/08-svelte-boundary/index.md
@@ -0,0 +1,7 @@
+<script>
+	let darkmode = $state(false);
+</script>
+
+<svelte:html />
+
+<button onclick={() => darkmode = !darkmode}>toggle dark mode</button>
@@ -0,0 +1,7 @@
+<script>
+	let darkmode = $state(false);
+</script>
+
+<svelte:html class={darkmode ? 'dark' : 'light'} />
+
+<button onclick={() => darkmode = !darkmode}>toggle dark mode</button>
@@ -0,0 +1,16 @@
+---
+title: <svelte:html>
+---
+
+The `<svelte:html>` element allows you to listen to events _and_ set attributes on the `<html>`. This is useful to for example set the `lang` tag dynamically, or to update `class`es that influence the whole page.
+
+Add a conditional `class` attribute to the `<svelte:html>` tag...
+
+```svelte
+<!--- file: App.svelte --->
+<svelte:html
+	+++class={darkmode ? 'dark' : 'light'}+++
+/>
+```
+
+...and click the button to toggle the mode.