HTML / 前端技術 / 筆記 · 2019-10-22

Html5 Label 自訂架構

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Html5</title>
<script src="filename.js"></script>
<link rel="stylesheet" href="style.css">
 
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="dist/html5shiv.js"></script><![endif]-->
 
</head>
<body>
 
<header>
    <div class="hot"><a href="#">home</a> | <a href="#">sitemap</a> | <a href="#">contact</a></div>
    <div class="logo">LOGO</div>
    <nav>
        <ul>
            <li><a href="#">page1</a></li>
            <li><a href="#">page2</a></li>
            <li><a href="#">page3</a></li>
            <li><a href="#">page4</a></li>
        </ul>                
    </nav>
</header>
 
<div id="content">   
    <aside>
        <ul>
            <li><a href="#">menu1</a></li>
            <li><a href="#">menu2</a></li>
            <li><a href="#">menu3</a></li>
            <li><a href="#">menu4</a></li>
        </ul>
    </aside>
   
    <article> 
        <hgroup>
            <h1>page1</h1>
            <div class="way"><a href="#">home</a> > <a href="#">pagename</a></div>
        </hgroup>
        <section>
            <h2>文章標題</h2>
            <p>文章段落</p>
        </section>
    </article>
</div>
 
<footer><p> 2014 © Design by Jiling </p></footer>
 
</body>
</html>