Kenapa Harus Ada <!Doctype>


Ketika akan membuat dokumen HTML kita diharuskan menuliskan tag <html> dan </html> dikarenakan tag ini merupakan struktur dasar dalam HTML. Tag <html> adalah penanda bahwa sebuah html dibuka dan </html> sebagai penutup dalam dokumen html dan kini Html sudah sampai ke versi 5 dimana dalam versi ini ada beberapa yang baru, baik itu dari segi tag element, attribute, atau yang lainnya. Dalam Html5 tag pembuka mendapat pembaruan yaitu berupa <!doctype> kemudian baru mengetikkan <html> sehingga menjadi <!doctype html>, ya di versi HTML 5 kita hanya perlu mengetikan dua kata !doctype dan html, sedangkan di versi sebelumnya kita memerlukan referensi ke DTD.

Apa Itu !Doctype ?

Sebenarnya apa itu !doctype ? kenapa harus ada pada dokume HTML ? oke di sini !doctype itu bukan tag dalam HTML, ia merupakan sebuah deklarasi yang menjelaskan kepada browser tentang versi HTML yang akan digunakan, sehingga browser akan menetukan bagaimana merender halaman. Dalam HTML 4.01, deklarasi !doctype mengacu pada DTD, karena HTML 4.01 didasarkan pada SGML. DTD menentukan aturan untuk bahasa markup, sehingga peramban membuat konten dengan benar. Sedangkan dalam HTML 5 sudah bukan bagian dari SGML, oleh karena itu ia tidak memerlukan referensi ke DTD.

Macam-Macam !Doctype



HTML 4.01 Strict
DTD ini berisi semua elemen dan atribut HTML, tetapi elemen presentasi (seperti font) tidak bisa digunakan dan frameset tidak diperbolehkan.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd>

HTML 4.01 Transitional
DTD ini berisi semua elemen dan atribut HTML, termasuk elemen presentasional (seperti font), namun frameset tidak diperbolehkan.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset
DTD ini sama dengan HTML 4.01 Transisional, tetapi memungkinkan penggunaan konten frameset.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict
DTD ini berisi semua elemen dan atribut HTML, tetapi elemen presentasi (seperti font) tidak bisa digunakan dan frameset tidak diperbolehkan. Markup juga harus ditulis dengan baik sebagai bentuk XML.

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

XHTML 1.0 Transitional
DTD ini berisi semua elemen dan atribut HTML, termasuk elemen presentasional (seperti font), namun frameset tidak diperbolehkan. Markup juga harus ditulis dengan baik sebagai bentuk XML.

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

XHTML 1.0 Frameset
DTD ini sama dengan XHTML 1.0 Transitional, tetapi memungkinkan penggunaan konten frameset.

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

XHTML 1.1
DTD ini sama dengan XHTML 1.0 Strict, tetapi memungkinkan Anda untuk menambahkan modul (misalnya untuk memberikan dukungan Ruby untuk bahasa Asia Timur).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

HTML 5

<!DOCTYPE html>

Oke itu tadi pengenalan tentang !Doctype bisa menambah ilmu buat kita semua, semoga bermanfaat.
Share on Google Plus

About Afakhan

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 komentar:

Posting Komentar