Having it uppercase doesn't offer anything and the lowercase version slightly improves gzip compression.
34 files changed:
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
{% include header.html %}
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
{% include header.html %}
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
{% include header.html %}
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Put it all together and your pages should look like this:
{% highlight html %}
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<title>Hello, world!</title>
Bootstrap requires the use of the HTML5 doctype. Without it, you'll see some funky incomplete styling, but including it shouldn't cause any considerable hiccups.
{% highlight html %}
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
...
</html>
-<!DOCTYPE html>
+<!doctype html>
<html>
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html>
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html>
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html>
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html>
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html>
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html>
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html>
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html>
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html>
<head>
<meta charset="utf-8">
-<!DOCTYPE html>
+<!doctype html>
<html>
<head>
<meta charset="utf-8">