Update 404.html

* Link to a more official page for the information regarding Internet Explorer's "friendly HTTP error pages", namely: http://blogs.msdn.com/b/ieinternals/archive/2010/08/19/http-error-pages-in-internet-explorer.aspx. * Remove the indentation for the `<head>` and `<body>` tags in order to reduce the file size even closer to the 512 bytes limit. This is particularly helpful when compression is not enabled. * Stats: - before: original size: 1409 B gzipped size: 580 B ───────────────────────────── reduction: 829 B [58.8%] - after: original size: 1242 B gzipped size: 580 B ───────────────────────────── reduction: 662 B [53.3%] Ref: h5bp#1443.
kcmckell · Feb 25, 2014 · f5ceb36 · f5ceb36
1 parent 1d81158
commit f5ceb36
Showing 1 changed file with 48 additions and 48 deletions.
diff --git a/404.html b/404.html
@@ -1,59 +1,59 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="utf-8">
-        <title>Page Not Found</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <style>
-
-            * {
-                margin: 0;
-                line-height: 1.5;
-            }
-
-            html {
-                color: #888;
-                font-family: sans-serif;
-                text-align: center;
-            }
+<head>
+    <meta charset="utf-8">
+    <title>Page Not Found</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style>
+
+        * {
+            line-height: 1.5;
+            margin: 0;
+        }
+
+        html {
+            color: #888;
+            font-family: sans-serif;
+            text-align: center;
+        }
+
+        body {
+            left: 50%;
+            margin: -43px 0 0 -150px;
+            position: absolute;
+            top: 50%;
+            width: 300px;
+        }
+
+        h1 {
+            color: #555;
+            font-size: 2em;
+            font-weight: 400;
+        }
+
+        p {
+            line-height: 1.2;
+        }
+
+        @media only screen and (max-width: 270px) {
 
             body {
-                left: 50%;
-                margin: -43px 0 0 -150px;
-                position: absolute;
-                top: 50%;
-                width: 300px;
+                margin: 10px auto;
+                position: static;
+                width: 95%;
             }
 
             h1 {
-                color: #555;
-                font-size: 2em;
-                font-weight: 400;
-            }
-
-            p {
-                line-height: 1.2;
+                font-size: 1.5em;
             }
 
-            @media only screen and (max-width: 270px) {
-
-                body {
-                    margin: 10px auto;
-                    position: static;
-                    width: 95%;
-                }
-
-                h1 {
-                    font-size: 1.5em;
-                }
-
-            }
+        }
 
-        </style>
-    </head>
-    <body>
-        <h1>Page Not Found</h1>
-        <p>Sorry, but the page you were trying to view does not exist.</p>
-    </body>
+    </style>
+</head>
+<body>
+    <h1>Page Not Found</h1>
+    <p>Sorry, but the page you were trying to view does not exist.</p>
+</body>
 </html>
-<!-- IE requires 512+ bytes: http://www.404-error-page.com/404-error-page-too-short-problem-microsoft-ie.shtml -->
+<!-- IE needs 512+ bytes: http://blogs.msdn.com/b/ieinternals/archive/2010/08/19/http-error-pages-in-internet-explorer.aspx -->