Add HTML5 hack for IE <= 8 to display correctly

Anthony Parsons · Anthony Parsons · commit d04dd725d3c4 · 2015-05-31T21:28:10.000+01:00
diff --git a/html/index.html b/html/index.html
@@ -4,17 +4,23 @@
 <meta charset="UTF-8" />
 <title>Perl 6 Design Documents</title>
 <link rel="stylesheet" href="style.css" />
-<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-<script language="javascript">
-<!--
+
+<!--[if lte IE 8]>
+  <script>
+    var h5elems = ['header', 'aside', 'footer', 'main', 'section'];
+    for ( var x = 0; x < h5elems.length; x++ )
+      document.createElement(h5elems[x]);
+  </script>
+<![endif]-->
+<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+<script>
 $(document).ready(function() {
     $('#intro-text').toggle();
     $('#read-more').click(function() {
         $('#intro-text').toggle();
     });
 });
-// --></script>
-
+</script>
 </head>
 
 <body>
