Perbedaan
HTML5 dengan HTML 4
HTML5 adalah versi terbaru dari HTML. Versi terakhir HTML
sebelum HTML5 adalah HTML 4.01. Kali
ini kita akan membahas apa saja fitur-fitur baru yang tersedia di dalam HTML5
serta perbedaannya dengan versi HTML sebelumnya.
Perkembangan HTML terhenti pada versi 4.01 di tahun 1999. W3C sebagai badan yang bertanggung jawab dalam
standarisasi teknologi internet (termasuk HTML), Pada dasarnya
HTML5 adalah gabungan ‘best practice‘ dari HTML 4.01.
Hampir semua tag atau elemen pada HTML 4.01 dapat digunakan dalam HTML5.
Beberapa perbedaan
yang akan ditemukan dalam HTML5:
§
Penulisan doctipe pada HTML5 lebih sederhana. Mungkin
inilah perbedaan paling mencolok dari halaman HTML yang ditulis menggunakan
HTML5 atau tidak. Penulisan Doctype atauDTD pada HTML5 menjadi lebih sederhana: <!DOCTYPE html>.
§
Penulisan type atribut untuk
tag <style> dan <script> tidak
diperlukan pada HTML5. Hal ini karena secara default web
browser akan menggunakan text/css untuk
tag <style>, dantext/javascript untuk
tag <script>. Sebagai contoh, untuk menggunakan external CSS, Pada HTML versi sebelumnya kita
menuliskan tag <style> secara
lengkap: <style type=”text/css”>…kode CSS…
</style>, namun dalam HTML5 kita bisa membuatnya lebih sederhana: <style>…..kode CSS…..</style>
§
Penulisan meta tag
karakter set (charset) pada HTML5 menjadi
lebih sederhana: <meta charset=”utf-8″>,
dibandingkan versi sebelumnya: <meta
http-equiv=”content-type” content=”text/html;charset=UTF-8″ />.
§
Pada HTML5, tag yang
berdiri sendiri (void element) tidak harus ditutup
seperti dalam XHTML. Penulisan tag <br> (break) dapat ditulis dengan <br> maupun <br />.
§
Walaupun tidak
dianjurkan, sebuah tag pada HTML5 boleh ditulis tanpa tag awal atau tanpa tag
akhir. Sebagai contoh, kita tidak perlu menutup tag <p> dengan tag </p>.
§
Penulisan tag dan atribut adalah case-insensitive di dalam HTML5, sehingga
tag <p> dan tag<P> akan
dianggap sama. Hal ini berbeda dengan XHTML yang
mengharuskan seluruh tag ditulis dalam huruf kecil.
§
Penulisan atribut
tidak harus di dalam tanda kutip. Sebagai contoh: <p class=satu> adalah valid. Namun jika
nilai atribut terdiri dari karakter spasi, maka tetap harus menggunakan tanda
kutip, seperti: <p class=”satu dua
tiga”>.
§
HTML5 mendukung multimedia secara langsung menggunakan tag <audio> dan <video>, sehingga kita tidak perlu tergantung
kepada aplikasi pihak ke-3 seperti flash player.
§
HTML 5 hanya memiliki
1 versi, tidak seperti pendahulunya yang memiliki 3 versi (pada HTML 4 dan
XHTML, anda akan menemukan versi strict, transitional, dan
frameset).
Sebagai contoh, kode HTML berikut dinyatakan valid oleh
validator HTML5 dihttp://validator.w3.org/:
<!DOCTYPE html>
<html>
<head>
<meta
charset="utf-8" />
<title>Tes Validasi
HTML5</TITLE>
<style>
.penting {
color:blue;
}
</style>
</head>
<BODY>
<p
CLASS=penting>Paragraf ini menggunakan atribut tanpa
menggunakan tanda
kutip </p>
<br>
<p> Paragraf ini
tidak memiliki penutup tag
</body>
</html>
Dari perbedaan diatas,
terlihat bahwa HTML5 ‘lebih bebas‘ dari XHTML. Akan tetapi
sebaiknya kita tetap menggunakan penulisan yang ‘rapi‘, seperti
menggunakan huruf kecil untuk semua tag, menutup semua tag dan memberi tanda
kutip dalam setiap nilai atribut.
Downliad Versi Word Klik Di sini
Sumber
:
No comments:
Post a Comment