Pada HTML 4 sebagai contoh, bila anda bermaksud membuat struktur halaman web sebagai berikut :

 Page HTML 4
Halaman HTML 4

Maka script HTML yang akan kita gunakan adalah sebagai berikut :
<body>
<div id="header">
               <!-- header goes here -->
        </div>
        <div id="nav">
               <!-- nav bar goes here -->
        </div>
        <div id="main-content">
               <div id="post">
                       <!-- main content goes here -->
               </div>
        </div>
        <div id="side-bar">
               <!-- side bar goes here -->
        </div>
        <div class="spacer"></div>
        <div id="footer">
               <!-- footer goes here -->
        </div>
</body>

Sementara itu apabila kita akan membuat struktur halaman website yang tidak jauh berbeda dengan contoh sebelumnya menggunakan HTML 5 dengan tampilan sebagai berikut :
 Page HTML 5
Halaman HTML 5

Maka Script HTML yang akan kita gunakan adalag sebagai berikut :
<body>
        <header>
               <!-- header goes here -->
        </header>
        <nav>
               <!-- nav bar goes here -->
        </nav>
        <section>
               <article>
                       <!-- main content goes here -->
               </article>
        </section>
        <aside>
               <!-- side bar goes here -->
        </aside>
        <spacer></spacer>
        <footer>
               <!-- footer goes here -->
        </footer>
</body>

Posting Komentar

Konversi Kode
[Mulai Senin, 30 Januari 2012] Maaf, Jangan Masukkan Link Pada Komentar