Selasa, 18 Desember 2012

Perbandingan Website HTML 4 dan HTML 5

Sebelumnya dijelaskan perbedaan antara html4 dan html5, maka disini saya akan membahas perbandingan dalam webnya. Disini saya akan memberikan contoh dari website mengandung unsur dari html 5 dan html 4. seperti inilah contoh struktur dari html 4 dan html 5

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>
 Sedangkan jika jita akan membuat halaman yang sama dengan html 4 tetapi menggunakan html 5 adalah sebagai berikut

Halaman HTML 5
Maka Script HTML yang akan kita gunakan adalah 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>

 Menurut saya perbedaannya dalam mengguanakn html 5 dari segi tampilannya akan sangat memukau dibandingkan dengan html 4, walaupun pada html 4 juga bisa menggunakan flash tetapi akan terasa berat saat membuka web tersebut dikarenakan pembacaan source codenya terlalu banyak dibandingkan dengan html 5 yang sudah di rampingkan dalam source code pada flash.
Untuk contoh referensinya itu


Sumber :




Kamis, 13 Desember 2012

Perbandingan HTML 5 dengan HTML 4


Perbandingan HTML 5 dengan HTML 4
HTML 5 sudah selesai dibuat dan mulai dipopulerkan oleh sang pembuat yaitu W3C untuk menerukan suksesnya dari HTML 4. Sudah mulai banyak situs-situs yang mengadopsi html 5 ini. Untuk itu kita juga harus mempelajari html 5. Bagi yang sudah ahli dalam html 4 inilah perbedaanya dengan html 5 :
1.      Dapat ditulis dalam sintaks HTML (dengan tipe media text/html) dan XML.
2.      Adanya Canvas pada HTML5 Dulu, untuk bisa memberikan interaksi menggambar di halaman web kita harus memakai applet Java atau Flash. HTML 5 akan memberikan satu opsi tambahan:
·         Canvas
Seperti namanya, canvas adalah media yang bisa dicorat-coret langsung. Tidak lagi perlu memuat plugin khusus
3.      Embed Audio Video Secara Langsung
4.      Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya.
5.      Integrasi (’inline’) MathML dan SVG dengan doctype yang lebih sederhana.
6.      Penulisan kode yang lebih efisien.
7.      Dapat dimengerti oleh browser lawas (backwards compatible). Sehingga istilah ‘deprecated’ tidak akan diperlukan lagi.

Untuk lebih lengkapnya : http://www.w3.org/TR/html5-diff/