DTD (Document Type Definition) adalah dokumen XML yang menjelaskan tag, atribut, atau nilai mana yang valid untuk jenis HTML tertentu. HTML mengikuti aturan tertentu. Aturan-aturan ini terdapat dalam file Definisi Tipe Dokumen, atau DTD seperti yang umum dikenal. Setiap versi HTML memiliki DTD yang sesuai. Sekarang Anda mungkin bertanya, "Apa hubungannya semua ini dengan CSS?"
Jika Anda ingin semua konten di halaman web Anda ditampilkan dengan benar dan konsisten di browser web, Anda harus memberi tahu browser web bahwa Anda menggunakan HTML atau XHTML Versi mana yang disertakan, apa arti deklarasi doctype di awal halaman web. Deklarasi jenis dokumen ini adalah baris pertama file HTML dan tidak hanya menentukan versi HTML yang Anda gunakan (seperti HTML 4.01 Transisi), tetapi juga menunjuk ke file DTD yang sesuai di halaman web. Saat Anda mengetikkan pernyataan dokumen yang salah, Anda menempatkan sebagian besar browser ke dalam status peringatan yang disebut Mode Quirks.
Quirks Mode adalah metode yang digunakan oleh produsen browser untuk membuat perangkat lunak mereka berjalan seperti browser dari sekitar tahun 1999 (era Netscape 4 dan Internet Explorer 5). Jika peramban modern menemukan halaman web tanpa jenis dokumen yang benar, ia akan berpikir: "Yah, halaman ini pasti sudah lama ditulis dalam editor HTML. Saya harus berpura-pura bahwa saya adalah browser yang sangat tua untuk menampilkan web halaman, seperti yang dilakukan browser lama yang bermasalah." Inilah sebabnya mengapa halaman web indah yang Anda tata dengan CSS mungkin tidak terlihat seperti ini jika Anda tidak memiliki jenis dokumen yang benar. Tampilannya akan sesuai dengan standar saat ini. Saat Anda memeriksa browser dan secara tidak sengaja melihat halaman Anda dalam Mode Quirks, Anda mungkin berhenti mencoba memperbaiki masalah terkait jenis dokumen yang salah daripada masalah tampilan HTML atau CSS yang tidak tepat.
Untungnya, mendapatkan jenis dokumen yang tepat itu mudah. Yang perlu Anda ketahui hanyalah versi HTML mana yang digunakan. Saat ini versi HTML dan XHTML yang paling populer adalah HTML 4.01 Transitional dan XHTML 1.0 Transitional. Jenis HTML ini masih memungkinkan Anda menggunakan tag presentasi seperti tag, dan dalam hal ini juga menyediakan transisi dari versi HTML yang lebih lama ke versi HTML yang lebih baru: tag HTML dan XHTML yang lebih ketat. Meskipun sebaiknya tidak menggunakan tag ini, tag ini tetap berfungsi di Edisi Transisi, sehingga Anda dapat menghapus tag gaya lama ini secara bertahap sesuai dengan situasi Anda. Dalam versi HTML dan XHTML yang ketat, beberapa tag gaya lama tidak berfungsi sama sekali.
Catatan: Secara umum, versi HTML dan XHTML yang ketat tidak menerima tag dan atribut yang hanya membuat halaman terlihat bagus, seperti tag dan atribut paragraf yang berada di tengah. Mereka juga tidak menerima beberapa atribut yang pernah populer, seperti atribut target tautan - yang memungkinkan Anda membuka tautan di jendela baru.