Senin, 14 Oktober 2013

Perbandingan HTML5 dan HTML sebelumnya

Pengertian HTML
HyperText Markup Languange(HTML) ialah sebuah bahasa markah yang digunakan dalam pembuatan sebuah halaman website, serta menampilkan informasi dalam penjelajahan dan format hypertext sederhana yang ditulis dalam berkas format ASCII agar menghasilkan tampilan yang terintegerasi atau bisa dikatakan berkas tersebuat dibuat dalam perangkat lunak pengolah kata dan di simpan dengan format ASCII agar menjadi sebuah halaman website dengan perintah HTML.

HTML saat ini merupakan standar Internet yang didefenisikan dan dikendalaikan oleh World wide Web Consotium(W3C). HTML dibuat oleh Caillau TIM dan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989.

HTML 5
HTML 5 merupakan sebuah bahasa baru yang perbaikan dan upgrade dari generasi bahasa web sebelumnya, HTML 5 banyak mengalami upgrade pada spesifikasi Web presentation, bahkan HTML 5 akan menjadi pengganti game untuk Web application development, walaupun sebelumnya sudah mendukung sistem plug-in-dengan Internet application (RIA) yang kaya akan teknologi seperti Adobe Flash, Microsoft Silverlight, dan Sun JavaFX.

HTML 5 menampilkan elemen baru ke HTML untuk pertama kali sejak tahun 1990-an. Unsur – unsur struktural baru yang di tampilakn seperti aside, figure, dan section.Elemen inline baru seperti waktu, meter, dan progress dan unsur Embedding baru seperti video dan audio. Elemen interaktif baru seperti details, datagrid, dan command.

Perkembangan standar untuk web didorong oleh kelompok Web Hypertext Application Technology Working Group (WHATWG) merupakan sebuah kelompok kerja yang terdiri dari para wakil pengembangan browser utama seperti Google, Apple, Mozila dan Opera. Berdasarkan spesifikasi HTML 5 akan diterapkan mulai tahun 1999 untuk menggantikan Standar HTML 4.01. dan salah satunya adalah menerapkan unsur HTML 5 yang mampu menggambar atau memanipulasi geometri yang ada pada sebuah website, beserta fitu – fitur lain misalnya kemudahan dalam mengintegrasikan video, audio dan aplikasi lain menggunakan HTML 5.

Tentang Spesifikasi HTML 5
Spesifikasi HTML 5 menjabarkan vokabular yang dapat ditulis dalam duasintak 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 mendefinisikanserialisasi baru (lihat diagram) dan disebut sebagai html, yang sepintas mirip dengan SGML seperti dikenal sebelumnya.

Halaman Web yang Biasa ditulis Dengan HTML 4
<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>

Contoh Halaman Web yang Ditulis dengan HTML5;
<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>

Perbedaan HTML 5 dengan versi sebelumnya

HTML 5 menambahkan unsur-unsur baru seperti :

1. Section : Sebuah bagian atau bab dalam sebuah buku, sebuah bagian dalam sebuah bab, atau pada dasarnya apa pun yang memiliki pos sendiri dalam HTML 4.
2. Header : Header Halaman yang ditampilkan pada halaman , tidak sama dengan unsur kepala.
3. Footer : Halaman footer di mana baik cetak pergi; tanda tangan dalam sebuah pesan e-mail.
4. Nav : Koleksi link ke halaman lain.
5. Article : Sebuah entri independen dalam sebuah blog, majalah, ringkasan, dan sebagainya.

Sumber :


Link lain yang terkait dengan HTML5 :

0 komentar:

Posting Komentar