Tampilkan postingan dengan label tugas html. Tampilkan semua postingan

Pengenalan HTML5

Sejarah HTML

HTML5

Baru-baru ini saya mulai mengenal versi terbaru dari HTML5 sebenarnya tidak terlalu banyak yang berubah hanya saja HTML5 lebih simple dan tagnya lebih mudah diingat ingin tau lebih jelas tentang HTML5 mari simak bersama.

Apa HTML5

HTML5 adalah standar baru untuk HTML, XHTML, dan the HTML DOM. Versi ini adala generasi baru HTML yang sudah mulai digunakan sejak tahun 1999. HTML5 masih dalam proses pengembangan, biarpun demikian hampir semua browser sudah dapat menerapkan HTML5.

HTML5 merupakan hasil kerjasama dari W3C (World Wide Web Consortium) dan WHATWG (Web Hypertext Application Technology Working Group).

Aturan-aturan yang disepakati dalam pengembangan HTML5

Fitur-fitur baru harus berdasar pada HTML, CSS, DOM, and JavaScript
Mengurangi penggunaan plugin-plugin eksternal, contoh: flash
Error handling yang lebih baik
Menambah markup untuk mengurangi scripting
HTML5 harus independen
Pengembangan harus dapat diikuti oleh khalayak umum

Fitur-fitur baru HTML5

Elemen canvas (keperluan drawing)
Elemen video dan audio (media playback)
Dukungan lebih untuk pengimpanan offline
Elemen yang lebih spesifik untuk content, contoh: article, footer, header, nav, section
Form control, contoh: date, time, email, url, search, calendar

Dukungan Browser

HTML5 memang belum diresmikan sebagai standar penulisan sehingga belum ada browser yang memberikan dukungan penuh. Tapi hampir semua browser, seperti Firefox, Opera, Chrome, Internet Explorer sudah menambahkan fitur-fitur pada update terbaru mereka.

Tag yang sudah tidak disupport lagi oleh HTML5

<big>

<em>

<font>

<tt>

<frame>

<dir>

Tag baru html5

<figcaption>	Untuk membuat sebuah caption untuk element <figure>
<figure>	Menentukan konten mandiri
<audio>	Tag untuk membuat konten suara
<track>	tag untuk membuat trek teks elemen media
<video>	Tag untuk membuat video atau film
<nav>	Tag untuk membuat navigasi link
<command>	Tag untuk membuat sebuah tombol perintah bahwa seorang pengguna dapat meminta
<header>	Untuk membuat sebuah header untuk dokumen atau bagian

1. Lebih simple

Pembaharuan pada HTML 5 memudahkan kalangan web developer untuk membuat halaman HTML karena tag yang digunakan menjadi lebih singkat.

Beberapa pembaharuan tersebut antara lain:

Doctype yang lebih simple

2. Lebih rapi dan terstruktur

Dengan markup baru, layout di HTML 5 menjadi lebih rapi dan lebih bermakna. Pengunaan tag-tag layout baru seperti,,,,,,,, dan lainnya lebih deskriptif dibandingkan dengan berbagai ID maupun class.

3. Mengurangi penggunaan plugin

HTML 5 menyediakan dukungan terhadap fitur-fitur yang sebelumnya memerlukan plugin, seperti video, audio, penggambaran, dan socket. Sehingga untuk memutar video dari web, plugin seperti adobe flash player tidak lagi dibutuhkan. Contohnya untuk memutar video cukup dibutuhkan kode sederhana seperti ini:

4. Penyimpanan data yang lebih baik

Penyimpanan data sementara di browser seperti ketika mememasukkan item ke keranjang belanja ketika berbelanja online, pada umumnya menggunakan cookies. Namun cookies ternyata mempunyai kelemahan, yaitu kapasitas yang kecil dan informasi selalu disimpan di header HTTP request. Hal ini berarti cookies selalu berada dalam lalu lintas request web browser ke server, bahkan ketika informasi di cookies tidak perlu dikirim ke server. Dengan web storage kelemahan tersebut dapat diatasi. Web storage memiliki kapasitas penyimpanan yang besar dan informasi disimpan secara lokal di web browser.

Selain kelebihan-kelebihan di atas, HTML 5 juga memiliki elemen-elemen dan atribut baru serta javascript API yang memperkaya fitur sebuah aplikasi web. Bahkan, game pun dapat dibuat dengan bermodalkan HTML 5, CSS, dan Javascript. Untuk itu, tidak heran mengapa perusahaan-perusahaan besar seperti Microsoft, Apple, Mozilla, Google, Facebook, dan perusahaan besar lainnya telah mendukung HTML 5 sebagai web masa depan. Jadi, bagi anda ya

referensi :

html5· tugas html· tugas pak barka