HTML5 merupakan revisi kelima dari HTML yang dikembangkan oleh Konsortium World Wide Web untuk mendefinisikan bahasa markup tunggal. HTML5 memberikan fitur baru seperti video, audio, geolocation, dan offline web application serta menghilangkan elemen dan atribut tertentu. Tujuan HTML5 adalah membuat web menjadi mandiri dan mengurangi kebutuhan plugin eksternal.

1. PENGENALAN HTML5
Oleh : Mutia Nurotul Bariyah
1102412022

2. Pengertian HTML5
Meurut WikiPedia: HTML5 adalah sebuah bahasa markah
untuk menstrukturkan dan menampilkan isi dari Waring
Wera Wanua, dimana itu merupakan sebuah teknologi inti
dari Internet. HTML5 adalah revisi kelima dari HTML (yang
pertama kali diciptakan pada tahun 1990 dan versi
keempatnya, HTML4, pada tahun 1997) dan hingga bulan
Juni 2011 masih dalam pengembangan.
Tujuan utama dalam pengembangan HTML5 adalah untuk
memperbaiki teknologi HTML agar mendukung teknologi
multimedia terbaru, mudah dibaca oleh manusia dan juga
mudah dimengerti oleh mesin serta dapat mengurangi
penggunaan plugin-plugin 3rd party pada HTML sehingga
dapat mempercepat kinerja web itu sendiri

3. HTML5 merupakan salah satu karya Konsortium
World Wide Web Consortium untuk mendefinisikan
sebuah bahasa markah tunggal yang dapat ditulis
dengan cara HTML ataupun XHTML.
HTML5 adalah hasil perbaharuan dari HTML
(HyperText Markup Language) yang mana
dikembangkan oleh W3C atau Word Wide Web
Consortium.

4. SEJARAH PERKEMBANGAN HTML5
•
Awalnya HTML5 telah banyak dibicarakan sebagai
masa depan Web, pada tahun 2008. Web akan menjadi
lebih bebas dan terbuka dengan API yang disediakan oleh
HTML5 yang akan membuka sebuah jalan.
• Dalam kelompok kerja Teknologi Aplikasi Web Hyperteks
(WebHypertext
Application
Technology
Working
Group, WHATWG) mulai membuat standar baru ini pada
tahun 2004 ketika Konsortium W3C sedang fokus pada
pengembangan XHTML 2.0 di masa depan, sementara
HTML 4.01 belum pernah diperbarui sejak tahun 2000.
Kemudian sejak tahun 2009, W3C dan WHATWG bekerja
sama dalam pengembangan HTML5 setelah W3C
mengakhiri Kelompok Kerja Pengembangan XHTML 2.0.

5. Walaupun HTML5 telah dikenal luas oleh para
pengembang web sejak lama, HTML5 baru mencuat
pada April 2010 setelah CEO Apple Inc., Steve
Jobs, mengatakan bahwa dengan pengembangan
HTML5. Sehingga Adobe Flash sudah tidak begitu
dibutuhkan lagi untuk menyaksikan video atau
menyaksikan konten apapun di web.

6. ATRIBUT DALAM HTML5
Dikenalkan pula ada beberapa atribut baru, seperti:
 atribut media, ping pada elemen pranala,
autofocus, placeholder, required, autocomplete, dan
sebagainya, terkait elemen input dan form,
reversed pada elemen ol untuk urutan besar ke kecil.

7. KOMPONEN-KOMPONEN DALAM
HTML5
Berikut ini adalah beberapa hal tentang HTML5 yang
perlu diketahui, diantaranya :
 Deklarasi doctype baru
 Struktur semantic
 Contenteditable
 Validasi email
 Atribut required
 Internet Explorer Hack

8. TEKNOLOGI YANG DIPERKENALKAN
HTML5
Teknologi yang diperkenalkan HTML5 diantaranya
adalah API (Aplication Programming Interface).
Dimana batasan-batasannya yaitu:
 Offline Data Storage
 Geolocation
 Drag and Drop

9. ELEMEN-ELEMEN BARU HTML5







dikenalkanlah beberapa elemen baru, diantaranya:
section serupa seperti h1-h6.
article bisa berupa entri blog atau tulisan konten.
aside menyajikan konten pelengkap.
header bisa menyajikan judul, deskripsi, bahkan nav untuk navigasi.
footer
berisi
catatan
kaki
seperti
informasi
hak
cipta, penulis, kontak, dan sebagainya.
dialog yang dikombinasikan dengan dt dan dd (seperti pada
halaman FAQ) dapat digunakan untuk menyajikan percakapan.
yang
fenomenal
adalah
penggunaan
elemen
figure, video, audio, source, embed, canvas, dan elemen terkait
berkas multimedia lainnya.

10. ELEMEN DAN ATRIBUT YANG TIDAK
DIPERGUNAKAN DALAM HTML5
•
•
•
•
•
•
•
•
•
Ada beberapa elemen dan atribut yang tidak
lagi muncul pada HTML5. Diantaranya yaitu:
center,
font,
strike, u, big,
frame, frameset, noframes,
acronym,
longdesc,
scope pada td,
dan sebagainya

11. FITUR-FITUR YANG DIMILIKI HTML5
 Video
 Canvas
 Audio
 Tag <placeholder>.
 DOCTYPE (versi ini lebih simple dari versi sebelumnya).
 Tag <nav>
 Tag <section> dan <article>
 Tag <footer>
 Tag <figure> dan <figcaption>
 Tag <hgroup>.

12.  Geolocation
 Offline Web Application

13. TUJUAN PEMBUATAN HTML5
Dimana tujua-tujuan dibuatnya web adalah sebagai
berikut :
HTML5 merupakan perangkat mandiri
Fitur
baru
harus
didasarkan
pada
HTML, CSS, DOM, dan JavaScript
Mengurangi kebutuhan untuk plugin eksternal (
Seperti Flash )
Penanagan kesalahan yang lebih baik
Lebih markup untuk menggantikan scripting
Proses pembangunan dapat terlihat untuk umum

14. Contoh Browser yang Menggunakan HTML5:
Google Chrome
Safari Applev.+
Internet Exploree 9
Firefox 4,5,6 dan seterusnya

15. Contoh Situs yang Menggunakan HTML5:
http://michaelacevedo.com/
http://html5.iaraby.com/
http://benthebodyguard.com/index-b.php
http://wantist.com/
http://mahardikhareza.blogspot.com/2011/11/apaitu-html-5.html

16. KEUNGGULAN MENGGUNAKAN
HTML5
Beberapa keunggulan diantaranhya, yaitu:
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 bisa dibilang lebih efisien.
Konten yang ada di situs lebih mudah terindeks oleh
search engine.

17. KELEBIHAN DAN MANFAAT HTML5
Beberapa kelebihan yang terdapat pada HTML5
diantaranya, yaitu:
 Dapat ditulis dalam sintaks HTML (dengan tipe media
text/html) dan XML.
 Integrasi yang lebih baik dengan aplikasi web dan
pemrosesannya.
 Inegrasi (’inline’) MathML dan SVG doctype yang lebih
sederhana.
 Penulisan kode yang lebih efisien.
 Dapat mudah dimengerti oleh perambah lawas
(backwards ompatible). Sehingga istilah ‘deprecated’
tidak akan diperlukan lagi.

18. Manfaat Menggunakan HTML5
 Pemberian pertolongan
 Peningkatan semantik
 Kode Peningkatan
 Konsistensi
 Bentuk elegan

19. SIMPULAN
Kepopuleran HTML5 sebagai bahasa pemrograman
aplikasi sangat tinggi belakangan ini. Kemudahan
dalam proses pembelajarannya menjadi salah daya
tarik tersendiri bagi pengembang aplikasi di seluruh
dunia. Selain itu kemampuannya untuk bisa berjalan di
banyak sistem operasi desktop, hingga mobile
membuat HTML5 sebagai pilihan utama ketika ingin
meluncurkan sebauah produk secara cepat dan bisa
cross platfrom. Intel juga turut meramaikan ranah ini
dengan menghadirkan sebuah tools pengembangan
HTML 5 yang di beri nama Intel XDK.

20. THANK KYOU