diff --git a/examples/blog-multiple-authors/src/layouts/post.astro b/examples/blog-multiple-authors/src/layouts/post.astro
index c8f394892..b34275d84 100644
--- a/examples/blog-multiple-authors/src/layouts/post.astro
+++ b/examples/blog-multiple-authors/src/layouts/post.astro
@@ -6,7 +6,7 @@ import authorData from '../data/authors.json';
 const { content } = Astro.props;
 ---
 
-<html>
+<html lang={ content.lang ?? 'en' }>
   <head>
     <title>{content.title}</title>
     <MainHead title={content.title} description={content.description} image={content.image} canonicalURL={Astro.request.canonicalURL} />
diff --git a/examples/blog-multiple-authors/src/pages/$author.astro b/examples/blog-multiple-authors/src/pages/$author.astro
index ff80344e4..e0a6a1919 100644
--- a/examples/blog-multiple-authors/src/pages/$author.astro
+++ b/examples/blog-multiple-authors/src/pages/$author.astro
@@ -45,7 +45,7 @@ export async function createCollection() {
 const author = authorData[collection.params.author];
 ---
 
-<html>
+<html lang="en">
   <head>
     <title>{title}</title>
     <MainHead
diff --git a/examples/blog-multiple-authors/src/pages/$posts.astro b/examples/blog-multiple-authors/src/pages/$posts.astro
index 0975e8007..a31004c05 100644
--- a/examples/blog-multiple-authors/src/pages/$posts.astro
+++ b/examples/blog-multiple-authors/src/pages/$posts.astro
@@ -38,7 +38,7 @@ export async function createCollection() {
 }
 ---
 
-<html>
+<html lang="en">
   <head>
     <title>{title}</title>
     <MainHead
diff --git a/examples/blog-multiple-authors/src/pages/about.astro b/examples/blog-multiple-authors/src/pages/about.astro
index d7a219057..44a9424cf 100644
--- a/examples/blog-multiple-authors/src/pages/about.astro
+++ b/examples/blog-multiple-authors/src/pages/about.astro
@@ -4,7 +4,7 @@ import Nav from '../components/Nav.astro';
 
 let title = "About";
 ---
-<html>
+<html lang="en">
   <head>
     <MainHead
       title={title}
diff --git a/examples/blog-multiple-authors/src/pages/index.astro b/examples/blog-multiple-authors/src/pages/index.astro
index 0b1c95df4..f8728f542 100644
--- a/examples/blog-multiple-authors/src/pages/index.astro
+++ b/examples/blog-multiple-authors/src/pages/index.astro
@@ -21,7 +21,7 @@ let firstPage = allPosts.slice(0, 2);
 // Full Astro Component Syntax:
 // https://github.com/snowpackjs/astro/blob/main/docs/core-concepts/astro-components.md
 ---
-<html>
+<html lang="en">
   <head>
     <title>{title}</title>
     <MainHead
diff --git a/examples/blog/src/layouts/BlogPost.astro b/examples/blog/src/layouts/BlogPost.astro
index e6b644789..1b02d7aad 100644
--- a/examples/blog/src/layouts/BlogPost.astro
+++ b/examples/blog/src/layouts/BlogPost.astro
@@ -7,7 +7,7 @@ import BlogPost from '../components/BlogPost.astro';
 const {content} = Astro.props;
 const {title, description, publishDate, author, heroImage, permalink} = content;
 ---
-<html>
+<html lang={ content.lang ?? 'en' }>
   <head>
     <BaseHead title={title} description={description} permalink={permalink} />
     <link rel="stylesheet" href="/blog.css" />
diff --git a/examples/blog/src/pages/index.astro b/examples/blog/src/pages/index.astro
index 13b28d9db..017daa54a 100644
--- a/examples/blog/src/pages/index.astro
+++ b/examples/blog/src/pages/index.astro
@@ -19,7 +19,7 @@ allPosts = allPosts.sort((a, b) => new Date(b.publishDate) - new Date(a.publishD
 // Full Astro Component Syntax:
 // https://github.com/snowpackjs/astro/blob/main/docs/core-concepts/astro-components.md
 ---
-<html>
+<html lang="en">
   <head>
     <BaseHead title={title} description={description} permalink={permalink} />
     <link rel="stylesheet" href="/blog.css" />
diff --git a/examples/docs/src/layouts/Main.astro b/examples/docs/src/layouts/Main.astro
index dbfc90791..fe847496e 100644
--- a/examples/docs/src/layouts/Main.astro
+++ b/examples/docs/src/layouts/Main.astro
@@ -18,7 +18,7 @@ const githubEditUrl = `https://github.com/USER/REPO/blob/main/${currentFile}`
 // Full Astro Component Syntax:
 // https://github.com/snowpackjs/astro/blob/main/docs/core-concepts/astro-components.md
 ---
-<html>
+<html lang={ content.lang ?? 'en' }>
   <head>
     <title>{content.title}</title>
     
diff --git a/examples/framework-multiple/src/pages/index.astro b/examples/framework-multiple/src/pages/index.astro
index 826a9d5f9..706e4863f 100644
--- a/examples/framework-multiple/src/pages/index.astro
+++ b/examples/framework-multiple/src/pages/index.astro
@@ -6,10 +6,11 @@ import { PreactCounter } from '../components/PreactCounter.tsx';
 import VueCounter from '../components/VueCounter.vue';
 import SvelteCounter from '../components/SvelteCounter.svelte';
 
+
 // Full Astro Component Syntax:
 // https://github.com/snowpackjs/astro/blob/main/docs/core-concepts/astro-components.md
 ---
-<html>
+<html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
diff --git a/examples/framework-preact/src/pages/index.astro b/examples/framework-preact/src/pages/index.astro
index c370d7298..ed42e72fd 100644
--- a/examples/framework-preact/src/pages/index.astro
+++ b/examples/framework-preact/src/pages/index.astro
@@ -2,10 +2,11 @@
 // Component Imports
 import Counter from '../components/Counter.jsx'
 
+
 // Full Astro Component Syntax:
 // https://github.com/snowpackjs/astro/blob/main/docs/core-concepts/astro-components.md
 ---
-<html>
+<html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta
diff --git a/examples/framework-react/src/pages/index.astro b/examples/framework-react/src/pages/index.astro
index a62427dd9..35270638c 100644
--- a/examples/framework-react/src/pages/index.astro
+++ b/examples/framework-react/src/pages/index.astro
@@ -2,10 +2,11 @@
 // Component Imports
 import Counter from '../components/Counter.jsx'
 
+
 // Full Astro Component Syntax:
 // https://github.com/snowpackjs/astro/blob/main/docs/core-concepts/astro-components.md
 ---
-<html>
+<html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta
diff --git a/examples/framework-svelte/src/pages/index.astro b/examples/framework-svelte/src/pages/index.astro
index 15d93bbaa..620510bd0 100644
--- a/examples/framework-svelte/src/pages/index.astro
+++ b/examples/framework-svelte/src/pages/index.astro
@@ -2,10 +2,11 @@
 // Component Imports
 import Counter from '../components/Counter.svelte'
 
+
 // Full Astro Component Syntax:
 // https://github.com/snowpackjs/astro/blob/main/docs/core-concepts/astro-components.md
 ---
-<html>
+<html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta
diff --git a/examples/framework-vue/src/pages/index.astro b/examples/framework-vue/src/pages/index.astro
index 2dcc11da6..0f89f6047 100644
--- a/examples/framework-vue/src/pages/index.astro
+++ b/examples/framework-vue/src/pages/index.astro
@@ -2,10 +2,11 @@
 // Component Imports
 import Counter from '../components/Counter.vue'
 
+
 // Full Astro Component Syntax:
 // https://github.com/snowpackjs/astro/blob/main/docs/core-concepts/astro-components.md
 ---
-<html>
+<html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta
diff --git a/examples/portfolio/src/layouts/project.astro b/examples/portfolio/src/layouts/project.astro
index 4ebfed8e1..3ef6d1b88 100644
--- a/examples/portfolio/src/layouts/project.astro
+++ b/examples/portfolio/src/layouts/project.astro
@@ -6,7 +6,7 @@ import Nav from '../components/Nav/index.jsx';
 
 const { content } = Astro.props;
 ---
-<html>
+<html lang={ content.lang ?? 'en' }>
   <head>
     <MainHead title={content.title} />
     <style lang="scss">
diff --git a/examples/portfolio/src/pages/$projects.astro b/examples/portfolio/src/pages/$projects.astro
index 9a3407b83..60f2ac84f 100644
--- a/examples/portfolio/src/pages/$projects.astro
+++ b/examples/portfolio/src/pages/$projects.astro
@@ -16,7 +16,7 @@ export async function createCollection() {
 }
 ---
 
-<html>
+<html lang="en">
   <head>
     <MainHead title="All Projects | Jeanine White" />
     <style lang="scss">
diff --git a/examples/portfolio/src/pages/404.astro b/examples/portfolio/src/pages/404.astro
index 6929c61e9..48ec8d310 100644
--- a/examples/portfolio/src/pages/404.astro
+++ b/examples/portfolio/src/pages/404.astro
@@ -2,9 +2,10 @@
 import MainHead from '../components/MainHead.astro';
 import Footer from '../components/Footer/index.jsx';
 import Nav from '../components/Nav/index.jsx';
+
 ---
 
-<html>
+<html lang="en">
   <head>
     <MainHead title="Not Found" />
   </head>
diff --git a/examples/portfolio/src/pages/about.astro b/examples/portfolio/src/pages/about.astro
index 4ae7c3f08..1fb855eb0 100644
--- a/examples/portfolio/src/pages/about.astro
+++ b/examples/portfolio/src/pages/about.astro
@@ -2,9 +2,10 @@
 import MainHead from '../components/MainHead.astro';
 import Footer from '../components/Footer/index.jsx';
 import Nav from '../components/Nav/index.jsx';
+
 ---
 
-<html>
+<html lang="en">
   <head>
     <MainHead title="About | Jeanine White" />
     <style lang="scss">
diff --git a/examples/portfolio/src/pages/index.astro b/examples/portfolio/src/pages/index.astro
index 4638bb3e9..2d0f8a0a1 100644
--- a/examples/portfolio/src/pages/index.astro
+++ b/examples/portfolio/src/pages/index.astro
@@ -13,7 +13,7 @@ const featuredProject = projects[0];
 // Full Astro Component Syntax:
 // https://github.com/snowpackjs/astro/blob/main/docs/core-concepts/astro-components.md
 ---
-<html>
+<html lang="en">
   <head>
     <MainHead title="Jeanine White: Personal Site" />
     <style lang="scss">
diff --git a/examples/snowpack/src/layouts/content-with-cover.astro b/examples/snowpack/src/layouts/content-with-cover.astro
index ea2ecaf0e..ccc1f671b 100644
--- a/examples/snowpack/src/layouts/content-with-cover.astro
+++ b/examples/snowpack/src/layouts/content-with-cover.astro
@@ -8,7 +8,7 @@ const { content } = Astro.props;
 ---
 
 <!doctype html>
-<html>
+<html lang={ content.lang ?? 'en' }>
 
 <head>
   <style>
diff --git a/examples/snowpack/src/layouts/content.astro b/examples/snowpack/src/layouts/content.astro
index 6c728db9d..a69f78f17 100644
--- a/examples/snowpack/src/layouts/content.astro
+++ b/examples/snowpack/src/layouts/content.astro
@@ -8,7 +8,7 @@ const { content } = Astro.props;
 ---
 
 <!doctype html>
-<html>
+<html lang={ content.lang ?? 'en' }>
 
 <head>
   <BaseHead title={content.title} description={content.description} permalink="TODO" />
diff --git a/examples/snowpack/src/layouts/post.astro b/examples/snowpack/src/layouts/post.astro
index 7b0b614fe..0662b3f1b 100644
--- a/examples/snowpack/src/layouts/post.astro
+++ b/examples/snowpack/src/layouts/post.astro
@@ -7,7 +7,7 @@ const { content } = Astro.props;
 ---
 
 <!doctype html>
-<html>
+<html lang={ content.lang ?? 'en' }>
 
 <head>
   <style lang="scss">
diff --git a/examples/snowpack/src/pages/404.astro b/examples/snowpack/src/pages/404.astro
index 053c931f4..ea70f098f 100644
--- a/examples/snowpack/src/pages/404.astro
+++ b/examples/snowpack/src/pages/404.astro
@@ -7,7 +7,7 @@ let description = 'Snowpack is a lightning-fast frontend build tool, designed fo
 ---
 
 <!doctype html>
-<html>
+<html lang="en">
 
 <head>
   <BaseHead title={title} description={description} permalink="TODO" />
diff --git a/examples/snowpack/src/pages/guides.astro b/examples/snowpack/src/pages/guides.astro
index e02856ede..ed8a6d7aa 100644
--- a/examples/snowpack/src/pages/guides.astro
+++ b/examples/snowpack/src/pages/guides.astro
@@ -24,7 +24,6 @@ let description = 'Snowpack\'s usage and integration guides.';
 let guides;
 let communityGuides;
 
-
   guides = paginate({
     files: '/posts/guides/*.md',
     // sort: ((a, b) => new Date(b) - new Date(a)),
@@ -41,7 +40,7 @@ let communityGuides;
 ---
 
 <!doctype html>
-<html>
+<html lang="en">
 
 <head>
   <BaseHead title={title} description={description} permalink="TODO" />
diff --git a/examples/snowpack/src/pages/index.astro b/examples/snowpack/src/pages/index.astro
index f2a8f7f26..80a07a5d2 100644
--- a/examples/snowpack/src/pages/index.astro
+++ b/examples/snowpack/src/pages/index.astro
@@ -10,7 +10,7 @@ let description = 'Snowpack is a lightning-fast frontend build tool, designed fo
 ---
 
 <!doctype html>
-<html>
+<html lang="en">
 <head>
   <style lang="scss">
     @use '../../public/styles/var' as *;
diff --git a/examples/snowpack/src/pages/news.astro b/examples/snowpack/src/pages/news.astro
index f51631d28..92ab3c6ef 100644
--- a/examples/snowpack/src/pages/news.astro
+++ b/examples/snowpack/src/pages/news.astro
@@ -17,7 +17,7 @@ const description = 'Snowpack community news and companies that use Snowpack.';
 ---
 
 <!doctype html>
-<html>
+<html lang="en">
 
 <head>
   <BaseHead title={title} description={description} permalink="TODO" />
diff --git a/examples/snowpack/src/pages/plugins.astro b/examples/snowpack/src/pages/plugins.astro
index ce70f4cac..fca55da2e 100644
--- a/examples/snowpack/src/pages/plugins.astro
+++ b/examples/snowpack/src/pages/plugins.astro
@@ -8,7 +8,7 @@ let description = 'Snowpack plugins allow for configuration-minimal tooling inte
 ---
 
 <!doctype html>
-<html>
+<html lang="en">
 
 <head>
   <BaseHead title={title} description={description} permalink="TODO" />
diff --git a/examples/snowpack/src/pages/proof-of-concept-dynamic/[slug].astro.ignore b/examples/snowpack/src/pages/proof-of-concept-dynamic/[slug].astro.ignore
index 2b05bcf66..99056f1e9 100644
--- a/examples/snowpack/src/pages/proof-of-concept-dynamic/[slug].astro.ignore
+++ b/examples/snowpack/src/pages/proof-of-concept-dynamic/[slug].astro.ignore
@@ -15,7 +15,7 @@ export default async function ({ params }) {
 }
 ---
 
-<html>
+<html lang="en">
 
 <head>
   <BaseHead title={title} description={description} permalink="TODO" />
diff --git a/examples/with-markdown-plugins/src/layouts/main.astro b/examples/with-markdown-plugins/src/layouts/main.astro
index d324d2017..46427fa8f 100644
--- a/examples/with-markdown-plugins/src/layouts/main.astro
+++ b/examples/with-markdown-plugins/src/layouts/main.astro
@@ -2,7 +2,7 @@
 const { content } = Astro.props;
 ---
 
-<html>
+<html lang={ content.lang ?? 'en' }>
   <head>
     <meta charset="utf-8" />
     <title>{content.title}</title>
diff --git a/examples/with-markdown/src/layouts/main.astro b/examples/with-markdown/src/layouts/main.astro
index c3ef56d60..431c0f28e 100644
--- a/examples/with-markdown/src/layouts/main.astro
+++ b/examples/with-markdown/src/layouts/main.astro
@@ -2,7 +2,7 @@
 const { content } = Astro.props;
 ---
 
-<html>
+<html lang={ content.lang ?? 'en' }>
   <head>
     <meta charset="utf-8">
     <title>{content.title}</title>
diff --git a/examples/with-tailwindcss/src/pages/index.astro b/examples/with-tailwindcss/src/pages/index.astro
index 1c1c52902..09891eed3 100644
--- a/examples/with-tailwindcss/src/pages/index.astro
+++ b/examples/with-tailwindcss/src/pages/index.astro
@@ -5,7 +5,7 @@ import Button from '../components/Button.astro';
 // Full Astro Component Syntax:
 // https://github.com/snowpackjs/astro/blob/main/docs/core-concepts/astro-components.md
 ---
-<html>
+<html lang="en">
   <head>
     <meta charset="UTF-8" />
     <title>Astro + TailwindCSS</title>
