Di postingan saya kali ini, akan membahasa seputar HTML Terbaru dan Perbandingan Antara Seri HTML Sebelumnya..
Silahkan Di simak...
HTML TERBARU ( HTML 5 )
Penjelasan Serta Sejarah Singkat
HTML merupakan bahasa pemrograman web yang dalam teks booknya dikatakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. HTML pertama kali diciptakan pada tahun 1990 yang kini berkembang terus dan revisi hingga mengeluarkan HTML5 (yang artinya HTML revisi ke-5).
HTML5 lahir pada tahun 2009 yang merupakan standar baru untuk HTML, XHTML dan DOM HTML. Sejak munculnya HTML versi 4.01, perkembangan situs dunia semakin berkembang. HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium) dan WHATWG (Web Hypertext Application Technology Working Group). WHATWG bekerja dengan bentuk situs dan aplikasi, sedangkan W3C merupakan pengembang dari XHTM L 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.
HTML5 sangat erat kaitannya dengan dunia web oleh karenanya HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web.
Sebelumnya revisi ke-4 yaitu HTML4 di buat di tahun 1997, namun karena banyak kebutuhan akan penyampaian informasi yang lebih menarik maka diciptakanlah HTML5. Bahkan Steve Jobs CEO Apple Inc. pernah mengatakan "Dengan adanya HTML5 Adobe Flash sudah tidak dibutuhkan lagi untuk menyaksikan video atau menyaksikan konten apapun di web". Hal ini menandakan bahwa Adobe Flash yang sampai saat ini merajai bidang tampilan dalam sebuah website merasa terancam dengan kehadiran HTML5 yang sejak April 2010 mulai memiliki perkembangan yang pesat.
HTML5 dibuat memiliki tujuan utama yaitu untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. Namun selain itu juga memiliki tujuan lainnya, berikut diantaranya :
• Fitur baru harus didasarkan pada HTML, CSS, DOM , dan JavaScript.
• Mengurangi kebutuhan untuk plugin eksternal (seperti Flash).
• Penanganan kesalahan yang lebih baik.
• Lebih banyak markup untuk menggantikan scripting.
• HTML5 merupakan perangkat mandiri.
Dalam pembuatan HTML5 ada beberapa Fitur baru diantaranya :
1. Unsur kanvas untuk menggambar.
Dulu, untuk bisa memberikan interaksi menggambar di halaman web kita harus memakai applet Java atau Flash. HTML 5 akan memberikan satu opsi tambahan: canvas. Seperti namanya, canvas adalah media yang bisa dicorat-coret langsung. Tidak lagi perlu memuat plugin khusus. Cukup tambahkan
2. Video dan elemen audio untuk media pemutaran.Akan ada tag
3. Dukungan yang lebih baik untuk penyimpanan secara offline.
Saat ini storage untuk browser akan diakomodasi sebagai standard dalam HTML 5. Aplikasi bisa menyimpan data dalam jumlah lebih besar dari biasanya tanpa harus mengimplementasikan trik dengan cookie atau Flash. Tentunya ini kabar baik bagi pengembang aplikasi web. Mungkin bisa meningkatkan performa aplikasi dengan menggunakan storage sebagai local cache. Coba liat detilnya di sini.
4. Elemen konten yang lebih spesifik, seperti artikel, footer, header, navigation, section.
Untuk designer yang sering meng-abuse div dan span sebagai elemen nav, fret no more. Akan ada tag khusus untuk navigasi, section, footer, dll. Tag yang kaya semantic seperti ini pasti akan lebih bermanfaat dari pada tag yang hanya punya informasi format dan layout saja. Dan bagi mesin, HTML5 akan jadi lebih bisa dimengerti.
5. Bentuk kontrol form seperti kalender, tanggal, waktu, e-mail, URL, search.
Jika javascript biasanya yang kita nikmati di web kadangkala menyebabkan komputer kita melambat atau paling tidak membuat browser seperti sesak napas maka web worker akan bsia jadi pelega. Salah satu fitur web worker adalah threading. Kini javascript bisa dipakai untuk melakukan beberapa proses sekaligus tanpa harus menghambat proses terkait UI.
Berikut ialah Kelebihan dari HTML 5 (+) :
• Dapat ditulis dalam sintaks HTML (dengan tipe media text/HTML) danXML.
• Integrasi yang lebih baik dengan aplikasi situs dan pemrosesannya.
• Integrasi ('inline') dengan doctype yang lebih sederhana.
• Penulisan kode yang lebih efisien.
• Konten yang ada di situs lebih mudah terindeks oleh search engine.
Saat ini HTML5 masih terus dalam tahap pengembangan, Walaupun saat ini hanya beberapa browser yang mendukung HTML 5 diantaranya Safari, Chrome, Firefox, dan Opera. Kabarnya IE9 (Internet Explorer) akan mendukung beberapa fitur dari HTML5. Dan bagi mereka pecinta dunia web ini merupakan tantangan terbaru dalam menyampaikan informasi yang lebih menarik menggunakan HTML5.
Contoh Halaman Web yang Di Tulis Dengan HTML 5
<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>
Perbandingan Antar Seri HTML
• HTML Versi 1.0
Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya (wrapping).
• HTML Versi 2.0
Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.
• HTML Versi 3.0
HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2.
• HTML Versi 4.0
HTML versi 4 memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML sepertitable, image, link, text, meta, imagemaps, form, dan lain- lain.
• HTML Versi 5
Beberapa kelebihan yang dimiliki oleh HTML5 adalah:
Cleaner code, karena sebagian besar kode telah termasuk di dalam sintaks html5, maka kode nampak terlihat lebih sederhana daripada penggabungan antara html, css dan java script.
Greater consistency, HTML5 telah melakukan banyak sekali penambahan sintaks yang dibuat dalam struktur lebih baik dan lebih sederhana daripada sintaks-sintaks sebelumnya.
Hal ini membuat developer terbantu dalam meningkatkan konsistensi dalam membangun sebuah web.Improve Semantics, dengan berbagai elemen kode di dalam html5 yang telah distandarisasi, maka nilai semantik dari sebuah web dapat lebih ditingkatkan. Itu berarti bahwa bagian-bagian dari web seperti header, nav, footerdan beberapa bagian lainnya terdefinisi dengan jelas maksud serta tujuannya selain itu juga terbentuk dalam sebuah “machine readible format”.
Improved Accessibility, dengan teknologi HTML5 yang memudahkan struktur pembangunan sebuah web, maka developerdapat membangun pemahaman yang lebih detil mengenai halaman web.
Client-side Database, HTML5 menyediakan model database SQL yang baru dengan API yang dapat dibangun dalam konsep lokal, dalam hal ini di sisi client. Geolocation, HTML5 mempunyai API yang terintegrasi terhadap geolocation, fasilitas tersebut dapat diakses melalui GPS atau fasilitas lain seperti Google Latitude pada iphone.
Offline Aplication Cache, pengguna dapat terus melakukan interaksi dengan aplikasi meskipun mereka terputus dari jaringan internet. Smarter Forms, terdapat semacam reguler expression (regex) yang membuat form mampu mengenali secara lebih baik tentang input, validasi data dan interaksi dengan elemen lain (misal : format email, password dll)
Sharper focus on Web Application Requiments, HTML5 membuat sebuah mekanisme yang lebih mudah dalam hal pembuatan front end, aplikasi chat, tools drag and drop, video player, pengolah grafis dan masih banyak lagi.
Demikian, Artikel yang saya buat.. Terima Kasih Telah Berkunjung Di blog Saya..
KEEP BLOGGING..
CAUTION !! : PENGUNJUNG YANG BAIK AKAN MEMBERIKAN KOMENTAR,HEHEHE..........
