Halo kawan. Kali ini saya akan membahas mengenai HTML 5, pasti ada beberapa dari kalian yang belum mengenal HTML 5. HTML 5 adalah versi terbaru dari bahasa mark up untuk menstrukturkan dan menampilkan isi dari World Wide Web, yang merupakan sebuah inti dari teknologi internet, menurut Wikipedia. Tujuan utama pengembangan HTML 5 ini adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru dan memudahkan manusia untuk membacanya. HTML 5 merupakan proyek dari W3C yaitu World Wide Web Consortium dan WHATWG yaitu Web Hypertext Application Technology Working Group.WHATWG bekerja dengan bentuk web dan aplikasi den W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka bekerja sama untuk membuat versi terbaru dari HTML. Dengan menggunakan teknologi HTML 5, maka untuk menyaksikan video di web atau konten tertentu kita tidak perlu lagi menggunakan Adobe Flash.
Fitur-fitur baru dari Teknologi HTML 5
- Video dan Audio : tidak perlu menempelkan flash, quickplayer, atau real player untuk memutar audio dan video.
- Canvas : Media corat-coret langsung tanpa flash dan applet java.
- Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, dan search.
- Semantic: Mempermudah designer dengan tag khusus layout, seperti: artikel, footer, header, navigasi, dan section.
- Dukungan yang lebih baik untuk penyimpanan secara offline.
HTML 5 hanya didukung olej browser dengan versi yang baru, antara
lain Chrome, Safari Apple v.4x, IE 9, dan lain-lain
dengan versi yang baru. Untuk menguji apakah browser yang kita miliki mendukung
teknologi HTML 5 maka dapat dilakukan dengan cara mengunjungi link berikut
: http://html5test.com/Doctype untuk HTML 5
Doctype
adalah instruksi untuk web browser tentang apa versi bahasa markup yang
digunakan pada halaman yag ditulis, sehingga browser dapat mengetahui
HTMLnversi berapa yang dipakai pada suatu halaman. Deklarasi Doctype mengacu
pada DTD atau Document Type Definition. DTD menetapkan aturan untuk bahasa
markup , sehingga browser dapa membuat konten
halaman dengan benar. Penggunaan Doctype pada HTMl 5 lebih disederhanakan.
Syntax penulisannya yaitu :
syntax penulisan doctype html 5 |
Berikut ini
saya tampilkan contoh struktur dasar HTML 5 :
<!DOCTYPE
html>
<html>
<head>
<meta charset=”UTF-8”>
<title>Judul
halaman ripwe</title>
</head>
<body>
Isi halaman
atau konten ripwe.blogspot
</body>
</html>
Dibandingkan
dengan HTML versi sebelumnya, maka pada HTML 5 ini ada beberapa elemen dari
HTML versi sebelumnya yang tidak dipakai lagi atau dihapus, berikut ini daftarnya
:
•<acronym>
•<applet>
•<basefont>
•<big>
•<center>
•<dir>
•<font>
•<frame>
•<frameset>
•<noframes>
•<strike>
•<tt>
HTML 5 Semantic Elements
Selanjutnya
mengenai semantic elemen. Elemen berarti makna, jadi semantic elemen adalah elemen
yang memiliki makna. Unsur sementic jelas menggambarkan maknanya untuk browser
dan developer. Contoh dari semantic elemen :
<form> :
untuk pembuatan form
<table> :
untuk membuat table
<img> : mengenai gambar
Elemen-elemen
di atas jelas menjelaskan isinya.
Contoh dari
non-semantic elemen :
<div>,
<span>.
dalam teknologi HTML 5 juga terdapat beberapa semantik elemen yang baru, untuk lebih lengkapnya silahkan klik disini.
0 comments:
Posting Komentar