Perbedaan HTML 4 dengan HTML 5
Pengertian HTML
HyperText Markup Language (HTML) adalah sebuah bahasa markah yang
digunakan untuk membuat sebuah halaman web, menampilkan berbagai
informasi di dalam sebuah penjelajah web Internet dan pemformatan
hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat
menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas
yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam
format ASCII normal sehingga menjadi halaman web dengan
perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya
banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan
SGML (Standard Generalized Markup Language), HTML adalah sebuah standar
yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini
merupakan standar Internet yang didefinisikan dan dikendalikan
penggunaannya oleh World wide Web Consortium (W3C). HTML dibuat oleh
kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja
di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi
tinggi di Jenewa).
HTML 5
HTML 5 memperkenalkan elemen baru ke HTML untuk pertama kalinya sejak
tahun 1990-an. Unsur struktural baru termasuk aside, figure, dan
section. Elemen inline baru seperti waktu, meter, dan progress.Termasuk
Elemen Embedding baru seperti video dan audio. Elemen interaktif baru
mencakup details, datagrid, dan command.
Pengembangan standar baru untuk web ini didorong oleh kelompok Web
Hypertext Application Technology Working Group (WHATWG), yaitu sebuah
kelompok kerja yang terdiri dari wakil para pengembang browser utama
dari Google, Apple, Mozilla und Opera. Menurut rencana, sepesifikasi
untuk HTML 5 diterapkan mulai tahun ini (1999) menggantikan Standar HTML
4.01. Salah satunya adalah menerapkan elemen HTML 5 yang mampu
menggambar atau manipulasi geometri di web. Fitur penting lain misalnya
kemudahan mengintegrasikan Video, Audio dan aplikasi lain menggunakan
HTML 5.
Browser support HTML5
HTML5 adalah tidak lagi standard rasmi, dan tiada pelayar mempunyai sokongan HTML5 penuh.
Tetapi semua pelayar utama (Safari, Chrome, Firefox, Opera, Internet Explorer) terus untuk menambah ciri-ciri HTML5 baru untuk versi terbaru mereka.
Tentang Spesifikasi HTML 5
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 sebagai HTML 4.01) dan XML (disebut XHTML 1.0).
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>
HTML 5 mendefinisikan kelima revisi besar bahasa inti dari World Wide
Web – HTML – dari W3C (World Wide Web Consortium). Juga disebut Aplikasi
Web 1.0 – masih ada tidak ada ruang nama atau skema. Unsur tidak harus
ditutup. Browser akan mengampuni kesalahan. Sebuah p masih p, dan meja
masih meja.
HTML 5 menambahkan unsur-unsur baru untuk secara khusus mengidentifikasi masing-masing konstruksi umum:
· 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
· Header: header Halaman yang ditampilkan pada halaman , tidak sama dengan unsur kepala
· Footer: Halaman footer di mana baik cetak pergi; tanda tangan dalam sebuah pesan e-mail
· Nav: Koleksi link ke halaman lain
· Article: Sebuah entri independen dalam sebuah blog, majalah, ringkasan, dan sebagainya
Dalam HTML5 banyak kelebihan nya dibanding dengan versi HTML yang
sebelum nya. Terdapat juga fitur fitus canggih pada HTML5. Dengan HTML5,
pengembangan aplikasi web adalah lebih mudah dibandingkan sebelumnya.
- Penyimpanan data Lokal
- File akses lokal
- Lokal SQL database
- Cache aplikasi
- Javascript karyawan
Sumber :
No comments:
Post a Comment