Keunggulan terbaru dari HTML 5 :
- Dapat ditulis dalam sintaks HTML (dengan tipe media text/html) dan XML.
- Tersedianya canvas pada HTML5
- 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
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.
Perbedaan Sintak HTML 4 dan HTML 5
HTML4
|
HTML5
|
<html><head>
<title>Hobo Web LTD
Scotland</title>
</head>
<body>
<div
id="page">
<div
id="header">
<h1><a
href="/blog/">Hobo 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>Article Text
here</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/comment-policy/">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>Hobo Web LTD
Scotland</title>
</head>
<body>
<header>
<h1><a
href="http://blog/">Hobo 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>Article Text 2
here</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/comment-policy/">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>
|
Di atas sudah sangat jelas perbedaan antara HTML4 dan HTML5. HTML5 sangat simple dan mudah di pahami.
Itu adalah perbedaan dari HTML5 antara HTML4
Baca artikel lain nya tentang HTML5 dan CSS3 disini
.jpg)
Posts
No comments:
Post a Comment