Perbedaan Html Dengan HTML5


Pimpro dari tim pengembang Internet Explorer Adrian Bateman ingin ikut bicara dalam diskusi penentuan standar baru HTML 5. Hal itu ditegaskan dalam postingnya Jumat lalu (2009-08-07) di milis pengembangan konsorsium w3.org: “Tim IE kami sedang menjajaki draft spesifikasi HTML 5 sebagai bagian dari rencana proyek kedepan” tulis Bateman. Pernyataanya dilanjutkan dengan daftar pertanyaan, kritik dan saran berkaitan dengan HTML 5.

“We want to share our feedback and discuss this in the working group.
I will post our notes as we collect them so we can iterate on our thinking
more quickly. At this stage we have more questions than answers but I
believe that discussing them in public is the best way to make progress.”
Internet Explorer terbaru memang sudah mulai mendukung spesifikasi HTML 5 namun tidak selengkap yang diterapkan Safari (Apple), Chrome (Google), Firefox (Mozilla) atau Opera. Sampai Jumat lalu Microsoft kurang memberi perhatian terhadap pengembangan standar HTML 5.
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.

Tentang 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).
Sementara itu, HTML 5 menenerapan dua sintak yaitu: html dan XML.
Karena SGML nyaris tidak pernah didukung baik oleh browsers maupun
kebanyakan 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.
News From Gudanglinux.info
Nah sekarang kita lihat perbedaan HTML 5 sama HTML sebelumnya
(Diterjemahkan dari : hobo-web.co.uk)
—————–
Jika Anda suka contoh halaman HTML 5 ini – Nikmatilah!
Aku terus belajar sedikit demi sedikit versi baru HTML dari W3C – HTML 5. Berikut adalah hasil beberapa
penelitian, apapun yang ditulis dalam halaman HTML 4 akan terlihat seperti ditulis kembali di HTML5.
Pertanyaan yang paling jelas untuk diajukan adalah;
apa perbedaan utama antara HTML 5 & HTML 4?
Sebagai contoh, bayangkan sebuah halaman depan blog sederhana dengan sebuah header di bagian atas,
catatan kaki di bagian bawah, beberapa entri, bagian navigasi, dan sidebar, seperti yang ditunjukkan
dalam kode berikut;

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>
…..here’s the same page, with differences clear, in the W3C’s new incarnation.

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>
Nah lumayan kan buat ngerombak web kamu lagi ckckckckc…..^_^

Catatan 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.
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
  • Posting Komentar

    0 Komentar