diff --git a/content/tutorial/01-svelte/07-lifecycle/01-onmount/app-a/src/lib/App.svelte b/content/tutorial/01-svelte/07-lifecycle/01-onmount/app-a/src/lib/App.svelte
index 39b42393d..b36b80ce0 100644
--- a/content/tutorial/01-svelte/07-lifecycle/01-onmount/app-a/src/lib/App.svelte
+++ b/content/tutorial/01-svelte/07-lifecycle/01-onmount/app-a/src/lib/App.svelte
@@ -5,7 +5,7 @@
 <canvas
 	width={32}
 	height={32}
-/>
+></canvas>
 
 <style>
 	canvas {
diff --git a/content/tutorial/01-svelte/07-lifecycle/01-onmount/app-b/src/lib/App.svelte b/content/tutorial/01-svelte/07-lifecycle/01-onmount/app-b/src/lib/App.svelte
index 1a620a781..1ee550fbc 100644
--- a/content/tutorial/01-svelte/07-lifecycle/01-onmount/app-b/src/lib/App.svelte
+++ b/content/tutorial/01-svelte/07-lifecycle/01-onmount/app-b/src/lib/App.svelte
@@ -20,7 +20,7 @@
 <canvas
 	width={32}
 	height={32}
-/>
+></canvas>
 
 <style>
 	canvas {
diff --git a/content/tutorial/01-svelte/07-lifecycle/03-tick/app-a/src/lib/App.svelte b/content/tutorial/01-svelte/07-lifecycle/03-tick/app-a/src/lib/App.svelte
index 940badc0b..e2c2e5569 100644
--- a/content/tutorial/01-svelte/07-lifecycle/03-tick/app-a/src/lib/App.svelte
+++ b/content/tutorial/01-svelte/07-lifecycle/03-tick/app-a/src/lib/App.svelte
@@ -27,7 +27,7 @@
 <textarea
 	value={text}
 	on:keydown={handleKeydown}
-/>
+></textarea>
 
 <style>
 	textarea {
diff --git a/content/tutorial/01-svelte/07-lifecycle/03-tick/app-b/src/lib/App.svelte b/content/tutorial/01-svelte/07-lifecycle/03-tick/app-b/src/lib/App.svelte
index 33fc6e460..c9a32a85a 100644
--- a/content/tutorial/01-svelte/07-lifecycle/03-tick/app-b/src/lib/App.svelte
+++ b/content/tutorial/01-svelte/07-lifecycle/03-tick/app-b/src/lib/App.svelte
@@ -29,7 +29,7 @@
 <textarea
 	value={text}
 	on:keydown={handleKeydown}
-/>
+></textarea>
 
 <style>
 	textarea {
diff --git a/content/tutorial/02-advanced-svelte/01-motion/01-tweens/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/01-motion/01-tweens/app-a/src/lib/App.svelte
index f0b3b7058..f0d3d3d1c 100644
--- a/content/tutorial/02-advanced-svelte/01-motion/01-tweens/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/01-motion/01-tweens/app-a/src/lib/App.svelte
@@ -4,7 +4,7 @@
 	const progress = writable(0);
 </script>
 
-<progress value={$progress} />
+<progress value={$progress}></progress>
 
 <button on:click={() => progress.set(0)}>
 	0%
diff --git a/content/tutorial/02-advanced-svelte/01-motion/01-tweens/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/01-motion/01-tweens/app-b/src/lib/App.svelte
index 93fc5ba9c..ffe7716e1 100644
--- a/content/tutorial/02-advanced-svelte/01-motion/01-tweens/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/01-motion/01-tweens/app-b/src/lib/App.svelte
@@ -8,7 +8,7 @@
 	});
 </script>
 
-<progress value={$progress} />
+<progress value={$progress}></progress>
 
 <button on:click={() => progress.set(0)}>
 	0%
diff --git a/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-a/src/lib/TodoList.svelte b/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-a/src/lib/TodoList.svelte
index 041f35267..ddd1fcfe3 100644
--- a/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-a/src/lib/TodoList.svelte
+++ b/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-a/src/lib/TodoList.svelte
@@ -17,7 +17,7 @@
 
 				<span>{todo.description}</span>
 
-				<button on:click={() => store.remove(todo)} aria-label="Remove" />
+				<button on:click={() => store.remove(todo)} aria-label="Remove"></button>
 			</label>
 		</li>
 	{/each}
diff --git a/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-b/src/lib/TodoList.svelte b/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-b/src/lib/TodoList.svelte
index 6d826d435..680de1fd9 100644
--- a/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-b/src/lib/TodoList.svelte
+++ b/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-b/src/lib/TodoList.svelte
@@ -21,7 +21,7 @@
 
 				<span>{todo.description}</span>
 
-				<button on:click={() => store.remove(todo)} aria-label="Remove" />
+				<button on:click={() => store.remove(todo)} aria-label="Remove"></button>
 			</label>
 		</li>
 	{/each}
diff --git a/content/tutorial/02-advanced-svelte/03-animations/01-animate/app-b/src/lib/TodoList.svelte b/content/tutorial/02-advanced-svelte/03-animations/01-animate/app-b/src/lib/TodoList.svelte
index 8ccddb80b..7d62582a2 100644
--- a/content/tutorial/02-advanced-svelte/03-animations/01-animate/app-b/src/lib/TodoList.svelte
+++ b/content/tutorial/02-advanced-svelte/03-animations/01-animate/app-b/src/lib/TodoList.svelte
@@ -23,7 +23,7 @@
 
 				<span>{todo.description}</span>
 
-				<button on:click={() => store.remove(todo)} aria-label="Remove" />
+				<button on:click={() => store.remove(todo)} aria-label="Remove"></button>
 			</label>
 		</li>
 	{/each}
diff --git a/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/App.svelte
index f13598a4f..ceacc6d80 100644
--- a/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/App.svelte
@@ -30,7 +30,7 @@
 							on:click={() => {
 								selected = color;
 							}}
-						/>
+						></button>
 					{/each}
 				</div>
 
diff --git a/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/Canvas.svelte b/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/Canvas.svelte
index 9bdad0400..e723693d9 100644
--- a/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/Canvas.svelte
+++ b/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/Canvas.svelte
@@ -66,13 +66,13 @@
 
 		previous = coords;
 	}}
-/>
+></canvas>
 
 {#if previous}
 	<div
 		class="preview"
 		style="--color: {color}; --size: {size}px; --x: {previous.x}px; --y: {previous.y}px" 
-	/>
+	></div>
 {/if}
 
 <style>
diff --git a/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-b/src/lib/App.svelte
index 3c2ae8258..c685770d1 100644
--- a/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-b/src/lib/App.svelte
@@ -31,7 +31,7 @@
 							on:click={() => {
 								selected = color;
 							}}
-						/>
+						></button>
 					{/each}
 				</div>
 
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/README.md b/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/README.md
index 4cb5a82f2..c3ec72544 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/README.md
+++ b/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/README.md
@@ -6,5 +6,5 @@ Elements with a `contenteditable` attribute support `textContent` and `innerHTML
 
 ```svelte
 /// file: App.svelte
-<div +++bind:innerHTML={html}+++ contenteditable />
+<div +++bind:innerHTML={html}+++ contenteditable></div>
 ```
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/app-a/src/lib/App.svelte
index 4cc167582..2724120ac 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/app-a/src/lib/App.svelte
@@ -2,7 +2,7 @@
 	let html = '<p>Write some text!</p>';
 </script>
 
-<div contenteditable />
+<div contenteditable></div>
 
 <pre>{html}</pre>
 
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/app-b/src/lib/App.svelte
index 4f7887f9a..d80585640 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/app-b/src/lib/App.svelte
@@ -2,7 +2,7 @@
 	let html = '<p>Write some text!</p>';
 </script>
 
-<div bind:innerHTML={html} contenteditable />
+<div bind:innerHTML={html} contenteditable></div>
 
 <pre>{html}</pre>
 
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/README.md b/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/README.md
index ca8b9995d..30ca4b8d0 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/README.md
+++ b/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/README.md
@@ -14,12 +14,12 @@ First, add the `<audio>` element along with its bindings (we'll use the shorthan
 		bind:currentTime={time}
 		bind:duration
 		bind:paused
-	/>+++
+	></audio>+++
 
 	<button
 		class="play"
 		aria-label={paused ? 'play' : 'pause'}
-	/>
+	></button>
 ```
 
 Next, add an event handler to the `<button>` that toggles `paused`:
@@ -30,7 +30,7 @@ Next, add an event handler to the `<button>` that toggles `paused`:
 	class="play"
 	aria-label={paused ? 'play' : 'pause'}
 	+++on:click={() => paused = !paused}+++
-/>
+></button>
 ```
 
 Our audio player now has basic functionality. Let's add the ability to seek to a specific part of a track by dragging the slider. Inside the slider's `pointerdown` handler there's a `seek` function, where we can update `time`:
@@ -60,7 +60,7 @@ When the track ends, be kind — rewind:
 +++	on:ended={() => {
 		time = 0;
 	}}+++
-/>
+></audio>
 ```
 
 The complete set of bindings for `<audio>` and `<video>` is as follows — seven _readonly_ bindings...
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-a/src/lib/AudioPlayer.svelte b/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-a/src/lib/AudioPlayer.svelte
index dea842fd6..a310cb004 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-a/src/lib/AudioPlayer.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-a/src/lib/AudioPlayer.svelte
@@ -21,7 +21,7 @@
 	<button
 		class="play"
 		aria-label={paused ? 'play' : 'pause'}
-	/>
+	></button>
 
 	<div class="info">
 		<div class="description">
@@ -57,7 +57,7 @@
 					});
 				}}
 			>
-				<div class="progress" style="--progress: {time / duration}%" />
+				<div class="progress" style="--progress: {time / duration}%"></div>
 			</div>
 			<span>{duration ? format(duration) : '--:--'}</span>
 		</div>
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-a/src/lib/sound-on.svg b/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-a/src/lib/sound-on.svg
index f7c59bcda..83a693f16 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-a/src/lib/sound-on.svg
+++ b/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-a/src/lib/sound-on.svg
@@ -12,4 +12,4 @@
 	</style>
 
 	<path d="M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-b/src/lib/AudioPlayer.svelte b/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-b/src/lib/AudioPlayer.svelte
index 2a2a9d89e..fcfbc28ce 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-b/src/lib/AudioPlayer.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-b/src/lib/AudioPlayer.svelte
@@ -27,13 +27,13 @@
 		on:ended={() => {
 			time = 0;
 		}}
-	/>
+	></audio>
 	
 	<button
 		class="play"
 		aria-label={paused ? 'play' : 'pause'}
 		on:click={() => paused = !paused}
-	/>
+	></button>
 
 	<div class="info">
 		<div class="description">
@@ -69,7 +69,7 @@
 					});
 				}}
 			>
-				<div class="progress" style="--progress: {time / duration}%" />
+				<div class="progress" style="--progress: {time / duration}%"></div>
 			</div>
 			<span>{duration ? format(duration) : '--:--'}</span>
 		</div>
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-a/src/lib/App.svelte
index de10e6465..582abc630 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-a/src/lib/App.svelte
@@ -20,7 +20,7 @@
 <canvas
 	width={32}
 	height={32}
-/>
+></canvas>
 
 <style>
 	canvas {
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-a/src/lib/svelte-logo-mask.svg b/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-a/src/lib/svelte-logo-mask.svg
index 8572d3da6..c3ad48c1b 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-a/src/lib/svelte-logo-mask.svg
+++ b/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-a/src/lib/svelte-logo-mask.svg
@@ -1 +1 @@
-<svg enable-background="new 0 0 98.2 118" viewBox="0 0 98.2 118" xmlns="http://www.w3.org/2000/svg"><path d="m91.9 15.6c-10.9-15.7-32.6-20.3-48.2-10.3l-27.5 17.5c-7.5 4.7-12.7 12.4-14.2 21.1-1.3 7.3-.2 14.8 3.3 21.3-2.4 3.6-4 7.6-4.7 11.8-1.6 8.9.5 18.1 5.7 25.4 11 15.7 32.6 20.3 48.2 10.4l27.5-17.5c7.5-4.7 12.7-12.4 14.2-21.1 1.3-7.3.2-14.8-3.3-21.3 2.4-3.6 4-7.6 4.7-11.8 1.6-9-.4-18.2-5.7-25.5m-50.9 88.3c-8.9 2.3-18.2-1.2-23.4-8.7-3.2-4.4-4.4-9.9-3.5-15.3.2-.9.4-1.7.6-2.6l.5-1.6 1.4 1c3.3 2.4 6.9 4.2 10.8 5.4l1 .3-.1 1c-.1 1.4.3 2.9 1.1 4.1 1.6 2.3 4.4 3.4 7.1 2.7.6-.2 1.2-.4 1.7-.7l27.4-17.5c1.4-.9 2.3-2.2 2.6-3.8s-.1-3.3-1-4.6c-1.6-2.3-4.4-3.3-7.1-2.6-.6.2-1.2.4-1.7.7l-10.4 6.6c-1.7 1.1-3.6 1.9-5.6 2.4-8.9 2.3-18.2-1.2-23.4-8.7-3.1-4.4-4.4-9.9-3.4-15.3.9-5.2 4.1-9.9 8.6-12.7l27.4-17.5c1.7-1.1 3.6-1.9 5.6-2.5 8.9-2.3 18.2 1.2 23.4 8.7 3.2 4.4 4.4 9.9 3.5 15.3-.2.9-.4 1.7-.7 2.6l-.5 1.6-1.4-1c-3.3-2.4-6.9-4.2-10.8-5.4l-1-.3.1-1c.1-1.4-.3-2.9-1.1-4.1-1.6-2.3-4.4-3.3-7.1-2.6-.6.2-1.2.4-1.7.7l-27.4 17.6c-1.4.9-2.3 2.2-2.6 3.8s.1 3.3 1 4.6c1.6 2.3 4.4 3.3 7.1 2.6.6-.2 1.2-.4 1.7-.7l10.5-6.7c1.7-1.1 3.6-1.9 5.6-2.5 8.9-2.3 18.2 1.2 23.4 8.7 3.2 4.4 4.4 9.9 3.5 15.3-.9 5.2-4.1 9.9-8.6 12.7l-27.4 17.5c-1.8 1.1-3.7 1.9-5.7 2.5"/></svg>
\ No newline at end of file
+<svg enable-background="new 0 0 98.2 118" viewBox="0 0 98.2 118" xmlns="http://www.w3.org/2000/svg"><path d="m91.9 15.6c-10.9-15.7-32.6-20.3-48.2-10.3l-27.5 17.5c-7.5 4.7-12.7 12.4-14.2 21.1-1.3 7.3-.2 14.8 3.3 21.3-2.4 3.6-4 7.6-4.7 11.8-1.6 8.9.5 18.1 5.7 25.4 11 15.7 32.6 20.3 48.2 10.4l27.5-17.5c7.5-4.7 12.7-12.4 14.2-21.1 1.3-7.3.2-14.8-3.3-21.3 2.4-3.6 4-7.6 4.7-11.8 1.6-9-.4-18.2-5.7-25.5m-50.9 88.3c-8.9 2.3-18.2-1.2-23.4-8.7-3.2-4.4-4.4-9.9-3.5-15.3.2-.9.4-1.7.6-2.6l.5-1.6 1.4 1c3.3 2.4 6.9 4.2 10.8 5.4l1 .3-.1 1c-.1 1.4.3 2.9 1.1 4.1 1.6 2.3 4.4 3.4 7.1 2.7.6-.2 1.2-.4 1.7-.7l27.4-17.5c1.4-.9 2.3-2.2 2.6-3.8s-.1-3.3-1-4.6c-1.6-2.3-4.4-3.3-7.1-2.6-.6.2-1.2.4-1.7.7l-10.4 6.6c-1.7 1.1-3.6 1.9-5.6 2.4-8.9 2.3-18.2-1.2-23.4-8.7-3.1-4.4-4.4-9.9-3.4-15.3.9-5.2 4.1-9.9 8.6-12.7l27.4-17.5c1.7-1.1 3.6-1.9 5.6-2.5 8.9-2.3 18.2 1.2 23.4 8.7 3.2 4.4 4.4 9.9 3.5 15.3-.2.9-.4 1.7-.7 2.6l-.5 1.6-1.4-1c-3.3-2.4-6.9-4.2-10.8-5.4l-1-.3.1-1c.1-1.4-.3-2.9-1.1-4.1-1.6-2.3-4.4-3.3-7.1-2.6-.6.2-1.2.4-1.7.7l-27.4 17.6c-1.4.9-2.3 2.2-2.6 3.8s.1 3.3 1 4.6c1.6 2.3 4.4 3.3 7.1 2.6.6-.2 1.2-.4 1.7-.7l10.5-6.7c1.7-1.1 3.6-1.9 5.6-2.5 8.9-2.3 18.2 1.2 23.4 8.7 3.2 4.4 4.4 9.9 3.5 15.3-.9 5.2-4.1 9.9-8.6 12.7l-27.4 17.5c-1.8 1.1-3.7 1.9-5.7 2.5" /></svg>
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-b/src/lib/App.svelte
index 1d776bb31..70410bc76 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-b/src/lib/App.svelte
@@ -22,7 +22,7 @@
 	bind:this={canvas}
 	width={32}
 	height={32}
-/>
+></canvas>
 
 <style>
 	canvas {
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/App.svelte
index 3c2ae8258..c685770d1 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/App.svelte
@@ -31,7 +31,7 @@
 							on:click={() => {
 								selected = color;
 							}}
-						/>
+						></button>
 					{/each}
 				</div>
 
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/Canvas.svelte b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/Canvas.svelte
index 9bdad0400..e723693d9 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/Canvas.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/Canvas.svelte
@@ -66,13 +66,13 @@
 
 		previous = coords;
 	}}
-/>
+></canvas>
 
 {#if previous}
 	<div
 		class="preview"
 		style="--color: {color}; --size: {size}px; --x: {previous.x}px; --y: {previous.y}px" 
-	/>
+	></div>
 {/if}
 
 <style>
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/App.svelte
index f4e1b14f3..59303f546 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/App.svelte
@@ -33,7 +33,7 @@
 							on:click={() => {
 								selected = color;
 							}}
-						/>
+						></button>
 					{/each}
 				</div>
 
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/Canvas.svelte b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/Canvas.svelte
index 16c7092c1..fec3ead18 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/Canvas.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/Canvas.svelte
@@ -70,13 +70,13 @@
 
 		previous = coords;
 	}}
-/>
+></canvas>
 
 {#if previous}
 	<div
 		class="preview"
 		style="--color: {color}; --size: {size}px; --x: {previous.x}px; --y: {previous.y}px" 
-	/>
+	></div>
 {/if}
 
 <style>
diff --git a/content/tutorial/02-advanced-svelte/06-classes-and-styles/01-classes/app-a/src/lib/svelte-logo.svg b/content/tutorial/02-advanced-svelte/06-classes-and-styles/01-classes/app-a/src/lib/svelte-logo.svg
index e3f8285d1..34d9627bd 100644
--- a/content/tutorial/02-advanced-svelte/06-classes-and-styles/01-classes/app-a/src/lib/svelte-logo.svg
+++ b/content/tutorial/02-advanced-svelte/06-classes-and-styles/01-classes/app-a/src/lib/svelte-logo.svg
@@ -1,3 +1,3 @@
 <svg viewBox="0 0 98.2 118" xmlns="http://www.w3.org/2000/svg">
     <path fill="#ff3e00" d="m91.9 15.6c-10.9-15.7-32.6-20.3-48.2-10.3l-27.5 17.5c-7.5 4.7-12.7 12.4-14.2 21.1-1.3 7.3-.2 14.8 3.3 21.3-2.4 3.6-4 7.6-4.7 11.8-1.6 8.9.5 18.1 5.7 25.4 11 15.7 32.6 20.3 48.2 10.4l27.5-17.5c7.5-4.7 12.7-12.4 14.2-21.1 1.3-7.3.2-14.8-3.3-21.3 2.4-3.6 4-7.6 4.7-11.8 1.6-9-.4-18.2-5.7-25.5m-50.9 88.3c-8.9 2.3-18.2-1.2-23.4-8.7-3.2-4.4-4.4-9.9-3.5-15.3.2-.9.4-1.7.6-2.6l.5-1.6 1.4 1c3.3 2.4 6.9 4.2 10.8 5.4l1 .3-.1 1c-.1 1.4.3 2.9 1.1 4.1 1.6 2.3 4.4 3.4 7.1 2.7.6-.2 1.2-.4 1.7-.7l27.4-17.5c1.4-.9 2.3-2.2 2.6-3.8s-.1-3.3-1-4.6c-1.6-2.3-4.4-3.3-7.1-2.6-.6.2-1.2.4-1.7.7l-10.4 6.6c-1.7 1.1-3.6 1.9-5.6 2.4-8.9 2.3-18.2-1.2-23.4-8.7-3.1-4.4-4.4-9.9-3.4-15.3.9-5.2 4.1-9.9 8.6-12.7l27.4-17.5c1.7-1.1 3.6-1.9 5.6-2.5 8.9-2.3 18.2 1.2 23.4 8.7 3.2 4.4 4.4 9.9 3.5 15.3-.2.9-.4 1.7-.7 2.6l-.5 1.6-1.4-1c-3.3-2.4-6.9-4.2-10.8-5.4l-1-.3.1-1c.1-1.4-.3-2.9-1.1-4.1-1.6-2.3-4.4-3.3-7.1-2.6-.6.2-1.2.4-1.7.7l-27.4 17.6c-1.4.9-2.3 2.2-2.6 3.8s.1 3.3 1 4.6c1.6 2.3 4.4 3.3 7.1 2.6.6-.2 1.2-.4 1.7-.7l10.5-6.7c1.7-1.1 3.6-1.9 5.6-2.5 8.9-2.3 18.2 1.2 23.4 8.7 3.2 4.4 4.4 9.9 3.5 15.3-.9 5.2-4.1 9.9-8.6 12.7l-27.4 17.5c-1.8 1.1-3.7 1.9-5.7 2.5"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/content/tutorial/02-advanced-svelte/06-classes-and-styles/04-component-styles/app-a/src/lib/Box.svelte b/content/tutorial/02-advanced-svelte/06-classes-and-styles/04-component-styles/app-a/src/lib/Box.svelte
index 523b40a79..87eee2f31 100644
--- a/content/tutorial/02-advanced-svelte/06-classes-and-styles/04-component-styles/app-a/src/lib/Box.svelte
+++ b/content/tutorial/02-advanced-svelte/06-classes-and-styles/04-component-styles/app-a/src/lib/Box.svelte
@@ -1,4 +1,4 @@
-<div class="box" />
+<div class="box"></div>
 
 <style>
 	.box {
diff --git a/content/tutorial/02-advanced-svelte/06-classes-and-styles/04-component-styles/app-b/src/lib/Box.svelte b/content/tutorial/02-advanced-svelte/06-classes-and-styles/04-component-styles/app-b/src/lib/Box.svelte
index 40c4aa7dc..c91e97bf7 100644
--- a/content/tutorial/02-advanced-svelte/06-classes-and-styles/04-component-styles/app-b/src/lib/Box.svelte
+++ b/content/tutorial/02-advanced-svelte/06-classes-and-styles/04-component-styles/app-b/src/lib/Box.svelte
@@ -1,4 +1,4 @@
-<div class="box" />
+<div class="box"></div>
 
 <style>
 	.box {
diff --git a/content/tutorial/02-advanced-svelte/07-composition/01-slots/README.md b/content/tutorial/02-advanced-svelte/07-composition/01-slots/README.md
index 065d4085b..1f9fe948c 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/01-slots/README.md
+++ b/content/tutorial/02-advanced-svelte/07-composition/01-slots/README.md
@@ -16,7 +16,7 @@ Just like elements can have children...
 ```svelte
 /// file: Card.svelte
 <div class="card">
-	+++<slot />+++
+	+++<slot></slot>+++
 </div>
 ```
 
diff --git a/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/README.md b/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/README.md
index 609166d9b..901e987ce 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/README.md
+++ b/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/README.md
@@ -10,14 +10,14 @@ Inside `App.svelte`, we're rendering a `<Card>` component that contains `<span s
 /// file: Card.svelte
 <div class="card">
 +++	<header>
-		<slot name="telephone" />
-		<slot name="company" />
+		<slot name="telephone"></slot>
+		<slot name="company"></slot>
 	</header>+++
 
-	<slot />
-		
+	<slot></slot>
+
 +++	<footer>
-		<slot name="address" />
+		<slot name="address"></slot>
 	</footer>+++
 </div>
 ```
@@ -47,7 +47,7 @@ Alternatively, we could use the `:global` modifier inside `Card.svelte` to targe
 ```svelte
 /// file: Card.svelte
 <style>
-	/* ... */ 
+	/* ... */
 
 	+++.card :global(small) {
 		display: block;
@@ -55,4 +55,4 @@ Alternatively, we could use the `:global` modifier inside `Card.svelte` to targe
 		text-align: right;
 	}+++
 </style>
-```
\ No newline at end of file
+```
diff --git a/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/README.md b/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/README.md
index 896528c17..c8dbd89a4 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/README.md
+++ b/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/README.md
@@ -12,7 +12,7 @@ Open `FilterableList.svelte`. The `<slot>` is being rendered for each filtered i
 /// file: FilterableList.svelte
 <div class="content">
 	{#each data.filter(matches) as item}
-		<slot +++{item}+++ />
+		<slot +++{item}+++></slot>
 	{/each}
 </div>
 ```
diff --git a/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/app-a/src/lib/App.svelte
index 9757ff15d..1a7c9c9d5 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/app-a/src/lib/App.svelte
@@ -10,7 +10,7 @@
 	field="name"
 >
 	<header slot="header" class="row">
-		<span class="color" />
+		<span class="color"></span>
 		<span class="name">name</span>
 		<span class="hex">hex</span>
 		<span class="rgb">rgb</span>
@@ -18,7 +18,7 @@
 	</header>
 
 	<div class="row">
-		<span class="color" style="background-color: {row.hex}" />
+		<span class="color" style="background-color: {row.hex}"></span>
 		<span class="name">{row.name}</span>
 		<span class="hex">{row.hex}</span>
 		<span class="rgb">{row.rgb}</span>
diff --git a/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/app-b/src/lib/App.svelte
index a21b37016..34c173fff 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/app-b/src/lib/App.svelte
@@ -9,7 +9,7 @@
 	let:item={row}
 >
 	<header slot="header" class="row">
-		<span class="color" />
+		<span class="color"></span>
 		<span class="name">name</span>
 		<span class="hex">hex</span>
 		<span class="rgb">rgb</span>
@@ -17,7 +17,7 @@
 	</header>
 
 	<div class="row">
-		<span class="color" style="background-color: {row.hex}" />
+		<span class="color" style="background-color: {row.hex}"></span>
 		<span class="name">{row.name}</span>
 		<span class="hex">{row.hex}</span>
 		<span class="rgb">{row.rgb}</span>
diff --git a/content/tutorial/02-advanced-svelte/07-composition/05-optional-slots/README.md b/content/tutorial/02-advanced-svelte/07-composition/05-optional-slots/README.md
index 7f1d3d859..c9c219f69 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/05-optional-slots/README.md
+++ b/content/tutorial/02-advanced-svelte/07-composition/05-optional-slots/README.md
@@ -7,7 +7,7 @@ In some cases, you may want to control parts of your component based on whether
 ```svelte
 /// file: App.svelte
 ---<header slot="header" class="row">
-	<span class="color" />
+	<span class="color"></span>
 	<span class="name">name</span>
 	<span class="hex">hex</span>
 	<span class="rgb">rgb</span>
@@ -31,7 +31,7 @@ We can fix that by using the special `$$slots` variable in `FilterableList.svelt
 /// file: FilterableList.svelte
 +++{#if $$slots.header}+++
 	<div class="header">
-		<slot name="header"/>
+		<slot name="header"></slot>
 	</div>
 +++{/if}+++
 ```
diff --git a/content/tutorial/02-advanced-svelte/07-composition/05-optional-slots/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/07-composition/05-optional-slots/app-b/src/lib/App.svelte
index de5be5138..0dde93327 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/05-optional-slots/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/07-composition/05-optional-slots/app-b/src/lib/App.svelte
@@ -9,7 +9,7 @@
 	let:item={row}
 >
 	<div class="row">
-		<span class="color" style="background-color: {row.hex}" />
+		<span class="color" style="background-color: {row.hex}"></span>
 		<span class="name">{row.name}</span>
 		<span class="hex">{row.hex}</span>
 		<span class="rgb">{row.rgb}</span>
diff --git a/content/tutorial/02-advanced-svelte/09-special-elements/01-svelte-self/README.md b/content/tutorial/02-advanced-svelte/09-special-elements/01-svelte-self/README.md
index c117ad4ce..ea4e6a572 100644
--- a/content/tutorial/02-advanced-svelte/09-special-elements/01-svelte-self/README.md
+++ b/content/tutorial/02-advanced-svelte/09-special-elements/01-svelte-self/README.md
@@ -20,8 +20,8 @@ It's useful for things like this folder tree view, where folders can contain _ot
 ```svelte
 /// file: Folder.svelte
 {#if file.files}
-	+++<svelte:self {...file}/>+++
+	+++<svelte:self {...file} />+++
 {:else}
-	<File {...file}/>
+	<File {...file} />
 {/if}
 ```
diff --git a/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/app-a/src/lib/AudioPlayer.svelte b/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/app-a/src/lib/AudioPlayer.svelte
index 1cc7d1737..85be476d6 100644
--- a/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/app-a/src/lib/AudioPlayer.svelte
+++ b/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/app-a/src/lib/AudioPlayer.svelte
@@ -26,13 +26,13 @@
 		on:ended={() => {
 			time = 0;
 		}}
-	/>
+	></audio>
 
 	<button
 		class="play"
 		aria-label={paused ? 'play' : 'pause'}
 		on:click={() => paused = !paused}
-	/>
+	></button>
 
 	<div class="info">
 		<div class="description">
@@ -68,7 +68,7 @@
 					});
 				}}
 			>
-				<div class="progress" style="--progress: {time / duration}%" />
+				<div class="progress" style="--progress: {time / duration}%"></div>
 			</div>
 			<span>{duration ? format(duration) : '--:--'}</span>
 		</div>
diff --git a/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/app-b/src/lib/AudioPlayer.svelte b/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/app-b/src/lib/AudioPlayer.svelte
index acafe1bbc..ffdb485d8 100644
--- a/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/app-b/src/lib/AudioPlayer.svelte
+++ b/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/app-b/src/lib/AudioPlayer.svelte
@@ -38,13 +38,13 @@
 		on:ended={() => {
 			time = 0;
 		}}
-	/>
+	></audio>
 
 	<button
 		class="play"
 		aria-label={paused ? 'play' : 'pause'}
 		on:click={() => paused = !paused}
-	/>
+	></button>
 
 	<div class="info">
 		<div class="description">
@@ -80,7 +80,7 @@
 					});
 				}}
 			>
-				<div class="progress" style="--progress: {time / duration}%" />
+				<div class="progress" style="--progress: {time / duration}%"></div>
 			</div>
 			<span>{duration ? format(duration) : '--:--'}</span>
 		</div>
diff --git a/content/tutorial/02-advanced-svelte/10-module-context/02-module-exports/app-b/src/lib/AudioPlayer.svelte b/content/tutorial/02-advanced-svelte/10-module-context/02-module-exports/app-b/src/lib/AudioPlayer.svelte
index 0eaa4a16e..323286b79 100644
--- a/content/tutorial/02-advanced-svelte/10-module-context/02-module-exports/app-b/src/lib/AudioPlayer.svelte
+++ b/content/tutorial/02-advanced-svelte/10-module-context/02-module-exports/app-b/src/lib/AudioPlayer.svelte
@@ -42,13 +42,13 @@
 		on:ended={() => {
 			time = 0;
 		}}
-	/>
+	></audio>
 
 	<button
 		class="play"
 		aria-label={paused ? 'play' : 'pause'}
 		on:click={() => paused = !paused}
-	/>
+	></button>
 
 	<div class="info">
 		<div class="description">
@@ -84,7 +84,7 @@
 					});
 				}}
 			>
-				<div class="progress" style="--progress: {time / duration}%" />
+				<div class="progress" style="--progress: {time / duration}%"></div>
 			</div>
 			<span>{duration ? format(duration) : '--:--'}</span>
 		</div>
diff --git a/content/tutorial/03-sveltekit/02-routing/02-layouts/README.md b/content/tutorial/03-sveltekit/02-routing/02-layouts/README.md
index e7812fead..79898d168 100644
--- a/content/tutorial/03-sveltekit/02-routing/02-layouts/README.md
+++ b/content/tutorial/03-sveltekit/02-routing/02-layouts/README.md
@@ -14,7 +14,7 @@ src/routes/
 └ +page.svelte
 ```
 
-...and move the duplicated content from the `+page.svelte` files into the new `+layout.svelte` file. The `<slot />` element is where the page content will be rendered:
+...and move the duplicated content from the `+page.svelte` files into the new `+layout.svelte` file. The `<slot></slot>` element is where the page content will be rendered:
 
 ```svelte
 /// file: src/routes/+layout.svelte
@@ -23,7 +23,7 @@ src/routes/
 	<a href="/about">about</a>
 </nav>
 
-<slot />
+<slot></slot>
 ```
 
 A `+layout.svelte` file applies to every child route, including the sibling `+page.svelte` (if it exists). You can nest layouts to arbitrary depth.
diff --git a/content/tutorial/03-sveltekit/03-loading-data/02-layout-data/README.md b/content/tutorial/03-sveltekit/03-loading-data/02-layout-data/README.md
index 0ea2b69c5..a96aab1ad 100644
--- a/content/tutorial/03-sveltekit/03-loading-data/02-layout-data/README.md
+++ b/content/tutorial/03-sveltekit/03-loading-data/02-layout-data/README.md
@@ -19,7 +19,7 @@ Now, add a sidebar in the layout for the post page:
 
 <div class="layout">
 	<main>
-		<slot />
+		<slot></slot>
 	</main>
 
 +++	<aside>
diff --git a/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/README.md b/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/README.md
index 83a3048cb..cd83beefa 100644
--- a/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/README.md
+++ b/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/README.md
@@ -50,7 +50,7 @@ Next, we want to create a form for each todo, complete with a hidden `<input>` t
 +++			<form method="POST" action="?/delete">
 				<input type="hidden" name="id" value={todo.id} />
 				<span>{todo.description}</span>
-				<button aria-label="Mark as complete" />
+				<button aria-label="Mark as complete"></button>
 			</form>+++
 		</li>
 	{/each}
diff --git a/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/app-b/src/routes/+page.svelte b/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/app-b/src/routes/+page.svelte
index 7896e68b9..f5cf596ce 100644
--- a/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/app-b/src/routes/+page.svelte
+++ b/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/app-b/src/routes/+page.svelte
@@ -21,7 +21,7 @@
 				<form method="POST" action="?/delete">
 					<input type="hidden" name="id" value={todo.id} />
 					<span>{todo.description}</span>
-					<button aria-label="Mark as complete" />
+					<button aria-label="Mark as complete"></button>
 				</form>
 			</li>
 		{/each}
diff --git a/content/tutorial/03-sveltekit/06-forms/03-form-validation/app-b/src/routes/+page.svelte b/content/tutorial/03-sveltekit/06-forms/03-form-validation/app-b/src/routes/+page.svelte
index 8346527df..ae217b114 100644
--- a/content/tutorial/03-sveltekit/06-forms/03-form-validation/app-b/src/routes/+page.svelte
+++ b/content/tutorial/03-sveltekit/06-forms/03-form-validation/app-b/src/routes/+page.svelte
@@ -28,7 +28,7 @@
 				<form method="POST" action="?/delete">
 					<input type="hidden" name="id" value={todo.id} />
 					<span>{todo.description}</span>
-					<button aria-label="Mark as complete" />
+					<button aria-label="Mark as complete"></button>
 				</form>
 			</li>
 		{/each}
diff --git a/content/tutorial/03-sveltekit/06-forms/04-progressive-enhancement/app-b/src/routes/+page.svelte b/content/tutorial/03-sveltekit/06-forms/04-progressive-enhancement/app-b/src/routes/+page.svelte
index f45a7a244..dba733d18 100644
--- a/content/tutorial/03-sveltekit/06-forms/04-progressive-enhancement/app-b/src/routes/+page.svelte
+++ b/content/tutorial/03-sveltekit/06-forms/04-progressive-enhancement/app-b/src/routes/+page.svelte
@@ -31,7 +31,7 @@
 				<form method="POST" action="?/delete" use:enhance>
 					<input type="hidden" name="id" value={todo.id} />
 					<span>{todo.description}</span>
-					<button aria-label="Mark as complete" />
+					<button aria-label="Mark as complete"></button>
 				</form>
 			</li>
 		{/each}
diff --git a/content/tutorial/03-sveltekit/06-forms/05-customizing-use-enhance/app-b/src/routes/+page.svelte b/content/tutorial/03-sveltekit/06-forms/05-customizing-use-enhance/app-b/src/routes/+page.svelte
index a7770b986..51c5b9251 100644
--- a/content/tutorial/03-sveltekit/06-forms/05-customizing-use-enhance/app-b/src/routes/+page.svelte
+++ b/content/tutorial/03-sveltekit/06-forms/05-customizing-use-enhance/app-b/src/routes/+page.svelte
@@ -56,7 +56,7 @@
 				>
 					<input type="hidden" name="id" value={todo.id} />
 					<span>{todo.description}</span>
-					<button aria-label="Mark as complete" />
+					<button aria-label="Mark as complete"></button>
 				</form>
 			</li>
 		{/each}
diff --git a/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/app-a/src/routes/+page.svelte b/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/app-a/src/routes/+page.svelte
index 76c6e3156..2d6b71bae 100644
--- a/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/app-a/src/routes/+page.svelte
+++ b/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/app-a/src/routes/+page.svelte
@@ -42,7 +42,7 @@
 						on:click={async (e) => {
 							// TODO handle delete
 						}}
-					/>
+					></button>
 				</label>
 			</li>
 		{/each}
diff --git a/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/app-b/src/routes/+page.svelte b/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/app-b/src/routes/+page.svelte
index 58a6ad1e6..50ed0a9c0 100644
--- a/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/app-b/src/routes/+page.svelte
+++ b/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/app-b/src/routes/+page.svelte
@@ -55,7 +55,7 @@
 						on:click={async (e) => {
 							// TODO handle delete
 						}}
-					/>
+					></button>
 				</label>
 			</li>
 		{/each}
diff --git a/content/tutorial/03-sveltekit/07-api-routes/03-other-handlers/README.md b/content/tutorial/03-sveltekit/07-api-routes/03-other-handlers/README.md
index 24357d492..499744d03 100644
--- a/content/tutorial/03-sveltekit/07-api-routes/03-other-handlers/README.md
+++ b/content/tutorial/03-sveltekit/07-api-routes/03-other-handlers/README.md
@@ -56,6 +56,6 @@ We can now interact with this endpoint inside our event handlers:
 
 			data.todos = data.todos.filter((t) => t !== todo);+++
 		}}
-	/>
+	></button>
 </label>
 ```
diff --git a/content/tutorial/03-sveltekit/07-api-routes/03-other-handlers/app-b/src/routes/+page.svelte b/content/tutorial/03-sveltekit/07-api-routes/03-other-handlers/app-b/src/routes/+page.svelte
index 3d4a5929a..f5b26108a 100644
--- a/content/tutorial/03-sveltekit/07-api-routes/03-other-handlers/app-b/src/routes/+page.svelte
+++ b/content/tutorial/03-sveltekit/07-api-routes/03-other-handlers/app-b/src/routes/+page.svelte
@@ -65,7 +65,7 @@
 
 							data.todos = data.todos.filter((t) => t !== todo);
 						}}
-					/>
+					></button>
 				</label>
 			</li>
 		{/each}
diff --git a/content/tutorial/03-sveltekit/08-stores/01-page-store/README.md b/content/tutorial/03-sveltekit/08-stores/01-page-store/README.md
index bfac69ec8..dddb21220 100644
--- a/content/tutorial/03-sveltekit/08-stores/01-page-store/README.md
+++ b/content/tutorial/03-sveltekit/08-stores/01-page-store/README.md
@@ -6,13 +6,13 @@ As we learned [earlier](writable-stores), Svelte stores are a place to put data
 
 SvelteKit makes three readonly stores available via the `$app/stores` module — `page`, `navigating` and `updated`. The one you'll use most often is [`page`](https://kit.svelte.dev/docs/types#public-types-page), which provides information about the current page:
 
-* `url` — the [URL](https://developer.mozilla.org/en-US/docs/Web/API/URL) of the current page
-* `params` — the current page's [parameters](params)
-* `route` — an object with an `id` property representing the current route
-* `status` — the HTTP status code of the current page
-* `error` — the error object of the current page, if any (you'll learn more about error handling in [later](error-basics) [exercises](handleerror))
-* `data` — the data for the current page, combining the return values of all `load` functions
-* `form` — the data returned from a [form action](the-form-element)
+- `url` — the [URL](https://developer.mozilla.org/en-US/docs/Web/API/URL) of the current page
+- `params` — the current page's [parameters](params)
+- `route` — an object with an `id` property representing the current route
+- `status` — the HTTP status code of the current page
+- `error` — the error object of the current page, if any (you'll learn more about error handling in [later](error-basics) [exercises](handleerror))
+- `data` — the data for the current page, combining the return values of all `load` functions
+- `form` — the data returned from a [form action](the-form-element)
 
 As with any other store, you can reference its value in a component by prefixing its name with the `$` symbol. For example, we can access the current pathname as `$page.url.pathname`:
 
@@ -32,5 +32,5 @@ As with any other store, you can reference its value in a component by prefixing
 	</a>
 </nav>
 
-<slot />
+<slot></slot>
 ```
diff --git a/content/tutorial/03-sveltekit/08-stores/02-navigating-store/README.md b/content/tutorial/03-sveltekit/08-stores/02-navigating-store/README.md
index 163496f24..6da1d963e 100644
--- a/content/tutorial/03-sveltekit/08-stores/02-navigating-store/README.md
+++ b/content/tutorial/03-sveltekit/08-stores/02-navigating-store/README.md
@@ -31,5 +31,5 @@ It can be used to show a loading indicator for long-running navigations. In this
 	{/if}+++
 </nav>
 
-<slot />
+<slot></slot>
 ```
diff --git a/content/tutorial/04-advanced-sveltekit/04-advanced-routing/04-route-groups/README.md b/content/tutorial/04-advanced-sveltekit/04-advanced-routing/04-route-groups/README.md
index 4733237b8..1acf11565 100644
--- a/content/tutorial/04-advanced-sveltekit/04-advanced-routing/04-route-groups/README.md
+++ b/content/tutorial/04-advanced-sveltekit/04-advanced-routing/04-route-groups/README.md
@@ -27,7 +27,7 @@ We can also add some UI to these two routes by adding a `src/routes/(authed)/+la
 
 ```svelte
 /// file: src/routes/(authed)/+layout.svelte
-<slot />
+<slot></slot>
 
 <form method="POST" action="/logout">
 	<button>log out</button>
diff --git a/src/lib/components/Modal.svelte b/src/lib/components/Modal.svelte
index 8e3984273..a3aa16283 100644
--- a/src/lib/components/Modal.svelte
+++ b/src/lib/components/Modal.svelte
@@ -39,7 +39,7 @@
 	});
 </script>
 
-<div class="modal-background" />
+<div class="modal-background"></div>
 
 <dialog class="modal" tabindex="-1" bind:this={modal} on:close>
 	<slot />
diff --git a/src/routes/tutorial/[slug]/Chrome.svelte b/src/routes/tutorial/[slug]/Chrome.svelte
index da76278ec..a1722c960 100644
--- a/src/routes/tutorial/[slug]/Chrome.svelte
+++ b/src/routes/tutorial/[slug]/Chrome.svelte
@@ -14,7 +14,7 @@
 </script>
 
 <div class="chrome" class:loading>
-	<button disabled={loading} class="reload icon" on:click={() => dispatch('refresh')} aria-label="reload" />
+	<button disabled={loading} class="reload icon" on:click={() => dispatch('refresh')} aria-label="reload"></button>
 
 	<input
 		disabled={loading}
@@ -31,14 +31,14 @@
 		}}
 	/>
 
-	<a {href} class="new-tab icon" target="_blank" aria-label={href ? 'open in new tab' : undefined} tabindex="0" />
+	<a {href} class="new-tab icon" target="_blank" aria-label={href ? 'open in new tab' : undefined} tabindex="0"></a>
 
 	<button
 		disabled={loading}
 		class="terminal icon"
 		on:click={() => dispatch('toggle_terminal')}
 		aria-label="toggle terminal"
-	/>
+	></button>
 </div>
 
 <style>
diff --git a/src/routes/tutorial/[slug]/Loading.svelte b/src/routes/tutorial/[slug]/Loading.svelte
index 576835016..a565b51e5 100644
--- a/src/routes/tutorial/[slug]/Loading.svelte
+++ b/src/routes/tutorial/[slug]/Loading.svelte
@@ -109,7 +109,7 @@
 
 		{#if initial}
 			<div class="progress-container">
-				<div class="progress" style="width: {progress * 100}%;" />
+				<div class="progress" style="width: {progress * 100}%;"></div>
 			</div>
 			<span>{status}</span>
 		{/if}
diff --git a/src/routes/tutorial/[slug]/Menu.svelte b/src/routes/tutorial/[slug]/Menu.svelte
index b9b4b19ac..c20a183b9 100644
--- a/src/routes/tutorial/[slug]/Menu.svelte
+++ b/src/routes/tutorial/[slug]/Menu.svelte
@@ -61,7 +61,7 @@
 					><strong>{current.title}</strong>
 				</div>
 
-				<span style="flex: 1 1 auto" />
+				<span style="flex: 1 1 auto"></span>
 			</h1>
 
 			<span class="expand-icon" class:inverted={is_open}>
diff --git a/src/routes/tutorial/[slug]/Output.svelte b/src/routes/tutorial/[slug]/Output.svelte
index e2703a9d2..629a2cf5b 100644
--- a/src/routes/tutorial/[slug]/Output.svelte
+++ b/src/routes/tutorial/[slug]/Output.svelte
@@ -133,7 +133,7 @@
 
 <div class="content">
 	{#if browser}
-		<iframe bind:this={iframe} title="Output" on:load={set_iframe_visible} />
+		<iframe bind:this={iframe} title="Output" on:load={set_iframe_visible}></iframe>
 	{/if}
 
 	{#if paused || loading || $error}
diff --git a/src/routes/tutorial/[slug]/filetree/Item.svelte b/src/routes/tutorial/[slug]/filetree/Item.svelte
index a9f51bfc9..a128aa44b 100644
--- a/src/routes/tutorial/[slug]/filetree/Item.svelte
+++ b/src/routes/tutorial/[slug]/filetree/Item.svelte
@@ -86,7 +86,7 @@
 		{#if actions.length > 0}
 			<div class="actions">
 				{#each actions as action}
-					<button aria-label={action.label} class="icon {action.icon}" on:click={action.fn} />
+					<button aria-label={action.label} class="icon {action.icon}" on:click={action.fn}></button>
 				{/each}
 			</div>
 		{/if}