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
: