Advanced Search

Return to Snippet

Revision: 27903
at June 26, 2010 08:49 by crispunk
Initial Code 
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>HTML5 Beginers Layout</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.4.2");
google.load("jqueryui", "1.8.2");
</script>
<!--[if lt IE 9]>
<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
    <header>
        <hgroup>
            <h1>Page Header</h1>
            <h2>Description May Go Here</h2>
        </hgroup>
    </header>

    <nav>
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </nav>

    <article>
        <header>
            <h1>Article Header</h1>
            <time datetime="2010-05-05" pubdate>June 25th 2010</time>
        </header>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <section>
            <header>
                <h1>Section Header</h1>
            </header>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
            <footer>
                <p>Section Footer</p>
            </footer>
        </section>
        <footer>
            Article Footer
        </footer>
    </article>

    <aside>
        <header>
            <h1>Siderbar Header</h1>
        </header>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </aside>

    <footer>
        Page Footer
    </footer>

</body>
</html>
Initial URL 
http://plan-zero.org
Initial Description 
Basic HTML5 layout for beginners
Initial Title 
HTML5 Beginers Layout With Google  Ajax Load
Initial Tags 
ajax, google, load, html5
Initial Language 
HTML