Simple HTML5 Structure

HTML5 introduces many new tags, including several devoted to better describing a document's structure. In this article, learn about the new HTML5 structural tags. Explore how to use them to divide a document into content blocks. Example code helps illustrate the concepts.








  1. <!DOCTYPE HTML>
    <html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Your Website</title>
    </head>

    <body>

        <header>
            <nav>
                <ul>
                    <li>Title</li>
                </ul>
            </nav>
        </header>
       
        <section>
       
            <article>
                <header>
                    <h2>Crazy WebDevelopers.blogspot.in</h2>
                    <p>Posted on <time datetime="2014-09-04T16:31:24+02:00">March 29th 2014</time></a></p>
                </header>
                <p>Welcome To Crazy Web Developers</p>
            </article>
               
        </section>

        <aside>
            <h2>About Aside</h2>
            <p></p>
        </aside>

        <footer>
            <p>More Learn:<a href="http://crazywebdevelopers.blogspot.in">Crazy WebDeveloers</p>
        </footer>

    </body>

    </html>



Previous
Next Post »

2 comments

Click here for comments