Jumat, 25 November 2011

HTML GENERASI KE-LIMA


HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, 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[1]) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

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.
HTML5 merupakan standar baru untuk HTML, XHTML, dan DOM HTML. Sejak munculnya HTML versi 4.01, perkembangan website dunia semakin berkembang. Saat ini HTML5 masih dalam pengembangan, namun hanya beberapa browse sudah mendukung HTML5.

HTML5 memiliki beberapa tujuan yang membedakannya dari HTML4. 
Yang utama adalah konsisten, penanganan error didefinisikan. Seperti yang Anda ketahui, HTML sengaja mendukung 'tag sup', atau kemampuan untuk menulis kode cacat dan memilikinya dikoreksi menjadi sebuah dokumen yang valid. Masalahnya adalah bahwa aturan-aturan untuk melakukan hal ini tidak ditulis di mana pun. Ketika sebuah vendor browser baru ingin memasuki pasar, mereka hanya memiliki dokumen untuk menguji cacat di berbagai browser (khususnya IE) dan reverse-engineer penanganan kesalahan mereka. Jika tidak, maka banyak halaman tidak akan menampilkan dengan benar (perkiraan tempat sekitar 90% dari halaman di internet sebagai setidaknya agak cacat). 

Jadi, HTML5 sedang mencoba untuk menemukan dan mengkodifikasi penanganan error ini, sehingga pengembang browser semua dapat standarisasi dan sangat mengurangi waktu dan uang yang dibutuhkan untuk menampilkan hal-hal yang secara konsisten. Selain itu, panjang di masa depan setelah HTML telah meninggal sebagai format dokumen, sejarawan masih mungkin ingin membaca dokumen kami, dan benar-benar memiliki algoritma parsing didefinisikan akan sangat membantu ini. 

Tujuan sekunder HTML5 adalah untuk mengembangkan kemampuan browser menjadi platform aplikasi, melalui HTML, CSS, dan Javascript. Banyak elemen telah ditambahkan langsung ke bahasa yang sedang (di HTML4) Flash atau hacks JS berbasis, seperti <canvas>, <video>, dan <audio>. Berguna hal-hal seperti Lokal Storage (database sql builtin browser-js-diakses, untuk menyimpan informasi di luar apa cookie bisa ditahan), baru masukan jenis seperti tanggal yang browser dapat mengekspos antarmuka pengguna yang mudah (sehingga kita tidak memiliki js menggunakan berbasis kalender kami tanggal-pemetik), dan validasi form yang didukung browser akan membuat pengembangan aplikasi web yang lebih sederhana untuk para pengembang, dan membuat mereka jauh lebih cepat bagi pengguna (karena banyak hal akan didukung native, daripada di hacked melalui javascript).


Fitur baru

1. Doctype - Doctype di HTML5 sangat sederhana, berbeda dengan HTML4 dan XHTML yang doctype-nya sangat membingungkan dan mungkin akan sangat sulit diingat.
Doctype HTML5 akan terlihat seperti ini :
             <!DOCTYPE html>
      bandingkan dengan Doctype HTML4 berikut ini :
             <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 

2. Input Type - Ada beberapa jenis input yang berbeda di HTML 5 yang bisa digunakan. Kita tidak lagi terpaku pada “input type=text”, tetapi input-nya bisa dibuat lebih spesifik, misalnya
            <form>
            <input type=date>
            </form>


      nantinya akan ada banyak “input type” baru semacam ini, diantaranya :
            <form>
            <input type=date>
            <input type=url>
            <input type=email>
            <input type=range min=1 max=20>
            <input type=number>
            <input type=text>
            <input type=submit>
            <input type=file>
            </form>

3. Required - di gunakan pada textfield yang datanya wajib diisi

<input type=text required>
4. datalist - memungkinkan kita untuk menambahkan datalist pada “text input”
 

 <input type=text list=options>
 <datalist id=options>
 <option label="HTML 5 Keren" value="HTML 5 Keren">
 <option label="Belajar HTML5" value="Belajar HTML5">
 </datalist>
5. multiple - untuk multiple file upload

<input type=file multiple>
6. pattern - kita dapat menetapkan input untuk mengikuti suatu pola, misalnya, jika Anda ingin input hanya     berisi satu nomor 0-9 saja, maka bisa dilakukan dngan cara berikut

<input type=text pattern="[0-9]">
7. Elemen <canvas> - Elemen Canvas adalah cara untuk menggambar grafik atau objek interaktif dengan 
sedikit javascript dan tag <canvas>. Penggunaan Elemen <canvas> :
<canvas>
</canvas> 


8. Video Embed - Pada Versi HTML4 , kadang kadang kita sedikit mengalami kesulitan jika ingin memasukkan sebuah video ke halaman web, namun di HTML5 kita tidak perlu pusing pusing lagi kalau ingin memasukkan video ke halaman web. cukup dengan menggunakan tag <video> dan semuanya beres

9. Beberapa Elemen Baru
Di HTML4 kita mengenal adanya tag <div> yang biasa digunakan sebagai penanda section tertentu. Di HTML5 tag yang memiliki fungsi seperti tag <div> akan ditambahkan, diantaranya :
  • <nav> Untuk elemen navigasi
  • <aside> – Sebuah sisi layout, untuk desain lebih dari satu kolom
  • <section> bisa berupa text biasa
  • <header> – Untuk judul artikel dsb…
  • <footer> – Untuk footer
  • <address> – Untuk mencantumkan kontak info, bisa berupa alamat email, dsb..


Perbedaan Html5 dengan Html4 dan Xhtml 1.x
  • sebagian tag pada html 4 tidak berfungsi lagi di html 5, sedangkan html 5 ada beberapa tag yang di tambah
  • intinya ialah hanya terletak pada pemambahan dan pengurangan tag. Oia satu lagi, dalam penulisan html sangat disarankan menggunakan huruf kecil
  • sobat tidak perlu bingung sebab ketentuan dan cara penulisan html 4 dan 5 tetap sama, berikut adalah aturan penulisan html
  • pada penulisan html selalu diapit oleh dua karakter yaituh buka kurung siku (<)dan tutup kurung siku (>)
  • dalam penulisan html selalu berpasangan dimana tag penutup ditambahkan karakter /(garis miring)
  • Aturan baru saat melakukan parsing berorientasi pada towards dan kompatibilitas; tidak berbasis pada SGML
  • Kemampuan untuk mendukung format SVG dan MathML pada text/html
  • Elemen baru: article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, video, wbr
  • Tipe baru pada kontrol form : dates and times, email, url, search, color
  • Atribut baru: ping (pada elemen a and area), charset (pada meta), async (ada script)
  • Atribut global (atribut berikut dapat diterapkan pada setiap elemen html) : id, tabindex, hidden, data-* (atribut data kustom)
  • Selain dapat bernilai GET atau POST, elemen attribut <form> kini telah mendukung nilai PUT dan DELETE. (Sebagai contoh kasus lihat Representational State Transfer)
  • Elemen yang telah deprecated secara bersamaan akan dihapus : acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt, u

source : http://id.wikipedia.org/wiki/html5
 
Diposting oleh Unknown di 04.18
Label: , ,

1 komentar:

  1. Lilis Setyowati19 Desember 2012 pukul 00.10

    Teman Universitas Gunadarma lagi ngadain lomba fotografi nih,
    buat info lengkap lihat disini ya...
    http://studentsite.gunadarma.ac.id/news/news.php?stateid=shownews&idn=755




    Blom pasang RSS ya...
    biar update info tentang Universitas Gunadarma pasang dooong !!!
    caranya bisa lihat disini ya teman :
    http://hanum.staff.gunadarma.ac.id/Downloads/folder/0.5



    BalasHapus

Langganan: Posting Komentar (Atom)