PENGENALAN HTML5

Oleh : Mutia Nurotul Bariyah1102412022

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

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.

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.

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.

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.

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

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

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.

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

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>.

Geolocation Offline Web Application

TUJUAN PEMBUATAN HTML5

Dimana tujua-tujuan dibuatnya web adalah sebagai berikut :

HTML5 merupakan perangkat mandiriFitur baru harus didasarkan pada HTML, CSS, DOM,

dan JavaScriptMengurangi kebutuhan untuk plugin eksternal

( Seperti Flash )Penanagan kesalahan yang lebih baikLebih markup untuk menggantikan scriptingProses pembangunan dapat terlihat untuk umum

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

Contoh Situs yang Menggunakan HTML5:http://michaelacevedo.com/http://html5.iaraby.com/http://benthebodyguard.com/index-b.phphttp://wantist.com/http://mahardikhareza.blogspot.com/2011/11/apa-it

u-html-5.html

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.

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.

Manfaat Menggunakan HTML5

Pemberian pertolongan Peningkatan semantik Kode Peningkatan Konsistensi Bentuk elegan

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.

THANK KYOU