html5 – codeBelt https://codebelt.github.io/blog/ Manage Your Code Snippets with codeBelt | Code Examples / Tutorials / Articles Sun, 26 May 2019 04:51:30 +0000 en-US hourly 1 https://wordpress.org/?v=4.9.10 HTML5 Basic Semantic Structure https://codebelt.github.io/blog/html5/html5-basic-semantic-structure/ https://codebelt.github.io/blog/html5/html5-basic-semantic-structure/#comments Thu, 30 Dec 2010 15:17:50 +0000 https://codebelt.github.io/blog/?p=254 This is a basic semantic structure of HTML5.

HTML5

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title></title>
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link href="styles/screen.css" rel="stylesheet" type="text/css">
</head>

<body>
    <div class="wrapper">
        <header>
        </header>
        
        <main>
            <aside>
                <nav>
                    <ul>
                        <li><a href="#">Home</a></li>
                    </ul>
                </nav>
            </aside>
    
            <article class="content">
            </article>
        </main>
        
        <footer>
        </footer>
    </div><!-- END .wrapper -->
</body>
</html>

HTML5 CSS

/*html5 display rule*/
main, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}
]]> https://codebelt.github.io/blog/html5/html5-basic-semantic-structure/feed/ 6