html5 semantic header/footer

h5bp · Aug 10, 2010 · ff0f0e2 · ff0f0e2
1 parent 5f1db10
commit ff0f0e2
Showing 1 changed file with 12 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -27,7 +27,7 @@
   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
 
 
-  <!-- CSS : implied media="all"-->
+  <!-- CSS : implied media="all" -->
   <link rel="stylesheet" href="css/style.css?v=0.1">
 
   <!-- For the less-enabled mobile browsers like Opera Mini -->
@@ -49,24 +49,25 @@
 <!--[if !IE]><!--> <body>         <!--<![endif]-->
 
 
+
   <div id="container">
-    <div id="header">
+    <header>
 
-    </div>
-    <div id="body">
+    </header>
+
+    <div id="main">
 
     </div>
-    <div id="footer">
-
-    </div>
-  </div>
-
+
+    <footer>
 
+    </footer>
+  </div> <!--! end of #container -->
 
 
-  <!-- JavaScript -->
+  <!-- Javascript at the bottom for fast page loading -->
 
-  <!-- Grab Google CDN's jQuery. fall back to local if neccessary -->
+  <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
   <script>!window.jQuery && document.write('<script src="js/jquery-1.4.2.min.js"><\/script>')</script>