Assalamualaikum . . .
Pada postingan kali ini saya akan
membahas tentang “Fitur-fitur HTML5”
Bismillah . . .
Pada postingan saya sebelumnya saya
membahas tentang “Latar Belakang Munculnya HTML5”, dan tidak kalah menariknya lagi
pada postingan sebelumnya, pada postingan kali ini saya masih membahas tentang
HTML5 yaitu tentang “Fitur-fitur HTML5”.
Pada HTML5 banyak sekali
fitur-fitur baru yang akan membuat kita terkesima, dan saya akan membahas
beberapa fitur-fitur yang ada pada HTML5, yaitu:
Doctype yang baru <!doctype
html>
Doctype digunakan untuk
mengkonfirmasikan versi HTML yang digunakan kepada browser. Pada versi
sebelumnya tag pada doctype panjang sekali dan susah diingat sampai sekarang,
ini adalah tipe tag doctype dari versi sebelumnya :
<!DOCTYPE HTML
PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>
Sedangkan tag doctype pada HTML5
sangat lah mudah atau bisa dibilang juga tipe doctype dari versi sebelumnya di
ringkas pada HTML5, tipe tag HTML5 seperti ini :
<!doctype
html>
Gimana singkatkan, dari doctype
yang panjang dan susah diingat, menjadi doctype yang sangat singkat yang hanya
menggunakan dua kata yaitu “doctype” dan “html”.
Multimedia audio atau musik
<audio>
Pada versi HTML sebelumnya kita biasanya
untuk menyisipkan atau memasukkan konten audio, memerlukan bantuan pugin atau
pihak ketiga seperti adobe flash, yang malah membuat web kita lemot.
Tapi pada HTML5, kita tidak
memerlukan lagi bantuan pugin untuk menambahkan konten audio. Kita cukup
gunakan tag <audio> dan di tutup dengan </audio> atau bisa
disingkat dengan tag <auidio />. Contoh tag audio seperti dibawah ini :
Multimedia video <video>
Sama halnya dengan multimedia
audio, multimedia video di HTML5 tidak memerlukan bantuan pugin atau pihak
ketiga seperti adobe flash. Kita cukup gunakan tag <video> dan diakhiri
dengan </video>. Contoh tag video seperti dibawah ini :
Canvas <canvas>
Elemen canvas pada HTML5 merupakan
wadah yang digunakan untuk menggambar grafis atau dua dimensi langsung pada
browser. Untuk memunculkan canvas kita cukup gunakan tag <canvas> dan
diakhiri dengan </canvas>. Contoh tag untuk memunculkan canvas seperti
dibawah ini :
Fitur diatas adalah beberapa contoh
dari fitur baru HTML5, dan untuk fitur yang di HTML5 masih banyak lagi
diantaranya :
Beberapa elemen
baru pada HTML5 :
section>
|
Digunakan dalam pembentukan struktur dokumen.
|
<article>
|
Menunjukkan isi dokumen seperti blog atau artikel berita.
|
<aside>
|
Menunjukkan penggalan isi dokumen yang berhubungan dengan keseluruhan
isi.
|
<header>
|
Menunjukkan judul dari sebuah section.
|
<footer>
|
Menunjukan bagian kaki dokumen yang berisi informasi
penulis, hak cipta, dan informasi lainnya.
|
<nav>
|
Digunakan untuk membuat navigasi dokumen.
|
<dialog>
|
Digunakan dalam menuliskan format dialog atau percakapan.
|
<figure>
|
Untuk mengasosiasikan dokumen dengan fitur embed video
atau konten multimedia.
|
HTML5 telah dibekali
dengan pengkodean baru, beberapa diantaranya adalah :
- Elemen canvas, untuk menggambar object 2 dimensi (2D).
- Timed media playback.
- Media penyimpanan luring (aplikasi web luring).
- Penyuntingan dokumen.
- Drag-and-Drop.
- Cross-Document messaging.
- Manajemen history pada browser.
- Tipe MIME.
Sumber referensi :
http://www.w3schools.com/html/html5_intro.asp
http://blog.politekniktelkom.ac.id/30209248/?p=583
http://perangkatlunak-cakrijal.blogspot.com/2012/01/html-5-keunggulan-dan-panduan.html
Tidak ada komentar:
Posting Komentar