@@ -1,7 +1,2 @@
/* http://orderedlist.com/articles/structural-tags-in-html5 */
-header,
-footer,
-section,
-nav,
-article,
-aside { display: block; }
+header,footer,section,nav,article,aside{ display: block; }
css/html5.css
@@ -1,7 +1,2 @@
-// http://orderedlist.com/articles/structural-tags-in-html5
-document.createElement('header');
-document.createElement('footer');
-document.createElement('section');
-document.createElement('aside');
-document.createElement('nav');
-document.createElement('article');
+// For discussion and comments, see: http://remysharp.com/2009/01/07/html5-enabling-script/
+(function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,canvas,datalist,details,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()
css/ie/html5.js
@@ -1,12 +1,13 @@
<!DOCTYPE html>
-<html>
+<html lang="en">
<head>
- <meta charset="UTF-8">
+ <meta charset="utf-8">
<title>[Name of Site]</title>
<meta name="description" content="[ADD A DESCRIPTION OF THIS WEBSITE]">
<link rel="icon" href="/img/favicon.ico" type="image/x-icon">
- <link rel="stylesheet" href="/css/base.css" type="text/css" media="screen">
- <link rel="stylesheet" href="/css/html5.css" type="text/css" media="all">
+ <link rel="stylesheet" href="/css/base.css" media="screen">
+ <link rel="stylesheet" href="/css/html5.css" media="all">
+ <link rel="alternate" type="application/atom+xml" title="[Name of Site Feed]" href="/feed/">
<!--[if lte IE 7]><link rel="stylesheet" href="/css/ie/all.css" type="text/css" media="screen"><![endif]-->
<!--[if lte IE 6]>
<script src="/css/ie/html5.js"></script>
@@ -20,12 +21,12 @@
<header>
<h1>Title of Page</h1>
</header>
- <div id="main" class="copy">
+ <section id="main" class="copy">
<article>
<aside>
</aside>
</article>
- </div><!-- #main -->
+ </section><!-- #main -->
<footer>
<div id="copyright">Copyright © [2009] [AUTHOR'S NAME]. All Rights Reserved.</div>
</footer>
html5.html
fa77f0fc1360aa2b866129b389f11ccf860ac87e
Trey Piepmeier
trey@treypiepmeier.com
http://github.com/trey/site-template/commit/be64ee46c281eef20edd96cb0a2f4d9d6acf64e8
be64ee46c281eef20edd96cb0a2f4d9d6acf64e8
2009-10-28T12:17:00-07:00
2009-10-28T12:17:00-07:00
Updated things based on http://diveintohtml5.org/semantics.html
3653b359791c80e823f3726c3422afb1d90c21b6
Trey Piepmeier
trey@treypiepmeier.com