Selasa, 16 April 2013

Perkembangan HTML dari Masa ke Masa


Sejak awal diciptakan oleh seorang ilmuwan bernama Tim Berners-Lee pada tahun 1990. Sejarah HTML terus berkembang dengan berbagai macam versi dan kemajuan. Saat ini mulai diperkenalkan HTML versi terbaru HTML 5. Meskipun belum standar W3C namun, browser utama mendukung banyak elemen baru HTML5 dan API.  HTML5 kabarnya akan direkomendasikan oleh W3C pada tahun 2014 dan kandidat pengganti versi sebelumnya (XHTML 1.0 dan HTML 4.01)
Tabel Perkembangan HTML dari masa ke masa
Version Year
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML 5 2012
XHTML 5 2013

Elemen-elemen Baru di HTML 5 :
  •     Elemen <canvas> untuk menggambar 2D
  •     Elemen <video> dan <audio> untuk media player
  •     Support local storage
  •     Konten spesifik elemen baru, seperti <article>, <footer>, <header>, <nav>, <section>
  •     Kontrol form baru, seperti kalender, tanggal, waktu, email, url, search

Daftar lengkap elemen baru di HTML 5
Tag Keterangan
<article> Mendefinisikan sebuah artikel (pengganti tag paragraph)
<aside> Mendefinisikan konten selain dari konten halaman/post, bisa digunakan untuk menaruh iklan
<audio> Mendefinisikan konten audio
<canvas> Digunakan untuk menggambar grafik, on the fly, melalui scripting (Java Script biasanya)
<command> Mendefinisikan tombol perintah untuk dapat memanggil
<details> Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
<datalist> Menentukan daftar pilihan standar untuk kontrol input
<embed> Mendefinisikan sebuah wadah untuk aplikasi eksternal (non-HTML)
<header> Mendefinisikan sebuah dokumen atau bagian header
<figure> Menentukan konten mandiri
<footer> Mendefinisikan sebuah dokumen atau bagian footer
<hgroup> Groups heading (<h1> to <h6>) elemen
<mark> Mendefinisikan teks yang ditandai / disorot
<output> Mendefinisikan hasil penghitungan
<source> Mendefinisikan beberapa sumber media untuk elemen media (<video> dan <audio>)
<summary> Mendefinisikan sebuah visible heading untuk elemen <details>
<time> Mendefinisikan tanggal / waktu
<video> Mendefinisikan sebuah video atau film
<section> Mendefinisikan bagian dalam dokumen

Selain elemen-elemen diatas ada juga fitur "conforming" pada HTML5, seperti penggunaan attribut pada elemen tertentu.

Attribut baru HTML 5 antara lain :
Tag Keterangan
draggable Menentukan apakah suatu unsur adalah draggable atau tidak
contextmenu Menentukan menu konteks untuk suatu elemen. Menu konteks muncul ketika pengguna mengklik kanan pada elemen
hidden Menentukan bahwa elemen belum, atau tidak lagi, relevan
spellcheck Mendefinisikan posisi teks dicenter
dropzone Mendefinisikan direktori list
contenteditable Mendefinisikan font, warna, dan ukuran untuk teks
itemprop Digunakan untuk group item

Pada HTML 5 penulisan atribut hanya dapat ditentukan pada tag awal dan tidak boleh digunakan dalam tag akhir. Atribut HTML5 adalah case sensitif dan dapat juga ditulis dalam huruf besar semua atau mix, akan tetapi konvensi yang paling umum adalah tetap menggunakan huruf kecil.

0 komentar:

Posting Komentar