Doctype (document type declaration) atau bisa disingkat DTD adalah suatu deklarasi/keterangan yang digunakan sebagai acuan dalam penulisan suatu dokumen HTML, Untuk beberapa orang yang sudah familiar dengan coding biasa menyebutnya dengan "source code". Dengan doctype juga kita bisa membedakan versi HTML apa yang digunakan dalam suatu browser.
Setiap versi HTML memiliki doctype yang berbeda-beda. Karena HTML5 lebih mengacu pada efisiensi maka doctype pada HTML5 tidak terlalu panjang bahkan bisa dibilang sangat singkat.
Berikut ini adalah beberapa contoh doctype HTML:
Setiap versi HTML memiliki doctype yang berbeda-beda. Karena HTML5 lebih mengacu pada efisiensi maka doctype pada HTML5 tidak terlalu panjang bahkan bisa dibilang sangat singkat.
Berikut ini adalah beberapa contoh doctype HTML:
-HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
-HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-XHTML 1.0 Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
-XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-HTML5
<!DOCTYPE HTML>
Nah, dilihat dari contoh-contoh doctype di atas sudah dapat diambil kesimpulan bahwa doctype HTML5 sangatlah simple atau efisien.
Beda harga beda rasa, itu juga berlaku dalam aturan doctype. Tiap-tiap doctype di atas memiliki keunggulan dan kekurangan sendiri-sendiri dan juga ada beberapa element yang berbeda dari tiap doctype di atas.
Sekarang yang menjadi pertanyaannya adalah bagaimana kita mengetahui atau melihat doctype apa yang digunakan dalam suatu web?
Berikut tutorial singkatnya:
-Klik kanan pada salah satu bagian halaman web (bukan iklan).
-Pilih "View page source"
-Amati baris paling atas dari baris teks yang muncul di jendela baru yang muncul.
*untuk Firefox dan Chrome bisa juga menggunakan tombol kombinasi "Ctrl+U"
Jika ingin lebih jelas lagi silahkan lihat video berikut
-Klik kanan pada salah satu bagian halaman web (bukan iklan).
-Pilih "View page source"
-Amati baris paling atas dari baris teks yang muncul di jendela baru yang muncul.
*untuk Firefox dan Chrome bisa juga menggunakan tombol kombinasi "Ctrl+U"
Jika ingin lebih jelas lagi silahkan lihat video berikut