Uncategorized

Menentukan DOCTYPE dan Encoding Karakter pada HTML5

1. DOCTYPE

Dengan adanya beberapa versi HTML, sebuah browser membutuhkan DOCTYPE untuk mengenali versi HTML yang digunakan dan bagaimana memproses (render) tag-tag HTML yang ada.

Pada dokumen HTML atau XHTML, tag DOCTYPE biasanya berupa sebagai berikut :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Ada beberapa variasi penulisan DOCTYPE pada versi HTML sebelumnya. Akan tetapi, khusus untuk HTML5, penulisan DOCTYPE disederhanakan sesuai dengan kode berikut :

<!DOCTYPE html>

Untuk diingat, jangan meninggalkan spasi sebelum tag DOCTYPE. Sebuah spasi dapat menyebabkan error ketika browser melakukan render kode HTML5.

2. Encoding Character

Penggunaan bahasa pemrograman yang berbeda menggunakan set karakter yang berbeda pula (charset). Tag ini mendeklarasikan tipe set karakter mana yang akan digunakan. Charset umum yang sering digunakan oleh kebanyakan bahasa pemrograman adalah UTF-8.

Dalam kebanyakan dokumen HTML, biasanya kita akan melihat tag sebagai berikut :

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Sekarang, format penulisan character encoding pada HTML5 cukup dituliskan sebagai berikut :

<meta charset="UTF-8" />

Charset UTF-8 akan bekerja dalam banyak kasus, developer menemukan bahwa dengan menggunakan ISO-8859-1 sebagai charset akan memberikan fleksibilitas yang lebih tinggi. Jenis charset lain seperti UTF-16, biasanya menghasilkan karakter yang salah, dan pada beberapa kasus, aplikasi tidak berjalan sebagaimana mestinya.

Apabila kita menggunakan editor teks seperti Dreamweaver, biasanya akan menemui template default sebagai berikut :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>

Untuk itu, penerapan HTML5 untuk dokumen HTML di atas dapat disesuaikan dengan mengubah penulisan DOCTYPE dan character encoding-nya menjadi sbb :

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>

Dari hasil di atas dapat diketahui bahwa salah satu keunggulan HTML5 yaitu menyederhanakan struktur penulisan kode dari versi sebelumnya.