Perbedaan HTML 5 dengan HTML 4
Waktu baru mendengar HTML 5 sempet bingung, memangnya apa sih yang terjadi pada HTML 5 dari sebelumnya HTML 4, kayaknya masih sama—sama saja seperti dahulu. Kalo belum biasa menggunakan sih emang akan muncul pertanyaan seperti itu manakala mendengar HTML 5 yang bianaya berkelut dengan HTML 4 ataau yang sebelumnya.
Nah disini akan di tampilkan beberapa perbedaan antara HTML 5 dan HTML 4 :
- Dapat ditulis dalam sintaks HTML (dengan tipe media text/html) dan XML.
- Tersedianya canvas pada HTML 5
- Embed Audio Video Secara Langsung
- Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya.
- Integrasi (’inline’) MathML dan SVG dengan doctype yang lebih sederhana.
- Penulisan kode yang lebih efisien.
- Dapat dimengerti oleh browser lawas (backwards compatible). Sehingga istilah ‘deprecated’ tidak akan diperlukan lagi.
Spesifikasi HTML 5 menjabarkan vokabular yang dapat ditulis dalam dua sintak yaitu html dan XML yang disesuaikan dengan kebutuhan pemrogram,pasar atau aplikasi.Vokabular HTML dari jaman sebalumnya (HTML+,HTML 2.0, HTML 3.2) umumnya ditulis menggunakan aturan sintak SGML.
Pada HTML 4 telah diterapkan dua sintak yaitu: SGML (disebut sebagaiHTML 4.01) dan XML (disebut XHTML 1.0).Sementara itu, HTML 5 menenerapan dua sintak yaitu: html dan XML. Karena SGML nyaris tidak pernah didukung baik oleh browsers maupunkebanyakan tools untuk html authoring yang ada, maka HTML 5 mendefinisikan serialisasi baru (lihat diagram) dan disebut sebagai html, yang sepintas mirip dengan SGML seperti dikenal sebelumnya.
| <html><head>
<title>INI SCRIPT HTML 4</title>
</head>
<body>
<div id="page">
<div id="header">
<h1><a href="//www.cotetan.com/">Catatan
Web</a></h1>
</div>
<div id="container">
<div id="center" class="column">
<div class="post" id="post-102">
<h2><a href="/test-page/">
Test Page 1</a></h2><div
class="entry">
<p>Artikel texk disini</p>
</div>
</div>
<div class="post" id="post-101">
<h2><a href="/test2/">
Test 2</a></h2> <div class="entry">
<p>Article 2 Text here</p>
</div>
</div>
</div>
<div class="navigation">
<div class="alignleft">
<a href="/blog/page/2/">« Previous
Entries</a>
</div>
<div class="alignright"></div>
</div>
</div>
<div id="right" class="column">
<ul id="sidebar">
<li><h2>Hobo Stuff</h2>
<ul>
<li><a href="/blog/commentpolicy/">Comment Policy</a></li>
<li><a href="/blog/todo-list/">Todo
List</a></li>
</ul></li>
<li><h2>Archives</h2>
<ul>
<li><a href='/blog/2008/04/'>April
2008</a></li>
<li><a href='/blog/2008/03/'>March
2008</a></li>
<li><a
href='/blog/2008/02/'>February
2008</a></li>
<li><a href='/blog/2008/01/'>January
2008</a></li>
</ul>
</li>
</ul>
</div>
<div id="footer"><p>Copyright 2008
Hobo Web LTD</p>
</div>
</div>
</body>
</html> | <html><head>
<title>INI SCRIPT HTML 5</title>
</head>
<body>
<header>
<h1><a href=http://www.cotetan.com/>Catatan WEB</a></h1>
</header>
<section>
<article>
<h2><a href="/test-page/">
Test Page 1</a></h2><p>Article Text
here</p>
</article>
<article>
<h2><a href="/test2/">
Test 2</a></h2>
<p>Atikel tesk disini</p>
</article>
<nav>
<a href="/blog/page/2/">« Previous
Entries</a>
</nav>
</section>
<nav>
<ul>
<li><h2>Hobo Stuff</h2>
<ul>
<li><a href="/blog/commentpolicy/">Comment Policy</a></li>
<li><a href="/blog/todo-list/">Todo
List</a></li>
</ul></li>
<li><h2>Archives</h2>
<ul>
<li><a href='/blog/2008/04/'>April
2008</a></li>
<li><a href='/blog/2008/03/'>March
2008</a></li>
<li><a href='/blog/2008/02/'>February
2008</a></li>
<li><a href='/blog/2008/01/'>January
2008</a></li>
</ul>
</li>
</ul>
</nav>
<footer>
<p>Copyright 2008 Hobo Web LTD</p>
</footer>
</body>
</html> |
Tidak ada komentar :
Posting Komentar