Pelajari standar web dan pilih jenis dokumen yang tepat untuk halaman web Anda

Anda melakukan semua yang Anda anggap benar, namun halaman tersebut tidak berfungsi dengan benar di browser terbaru. Itu karena Anda menulis XHTML dan CSS yang tidak valid. Anda menggunakan Model Objek Dokumen (DOM) standar W3C untuk memanipulasi elemen dinamis pada halaman. Dan ketika browser mencoba menerapkan standar ini, situs Anda gagal. Hal ini kemungkinan besar disebabkan oleh jenis dokumen yang salah (DOCTYPE). Artikel ini bertujuan untuk memberi Anda cara kerja DOCTYPE dan menjelaskan beberapa penggunaan sebenarnya jenis dokumen ini di dunia nyata.

Mengapa DOCTYPE?

Menurut standar HTML dan XHTML, DOCTYPE (kependekan dari "deklarasi tipe dokumen") digunakan untuk memberi tahu browser versi (x)HTML mana yang Anda gunakan, dan harus muncul di bagian atas setiap halaman. DOCTYPE adalah komponen penting halaman web: tanpanya, CSS Anda tidak akan valid lagi.

Seperti disebutkan dalam artikel ALA yang disebutkan sebelumnya (dan juga poin menarik lainnya), DOCTYPE juga harus disesuaikan dengan browser lain, seperti Mozilla, IE5/Mac, atau IE6 atau IE7.

DOCTYPE baru berisi seluruh URI (sconf Note: Universal Resource Identifier, Universal Resource Identifier) ​​​​(URL lengkap), yang memberitahu browser untuk mengurai (render) halaman menjadi model yang kompatibel dengan standar. Proses (X)HTML, CSS dan DOM menjadi apa yang Anda harapkan.

Menggunakan DOCTYPE yang tidak lengkap atau lama, atau bahkan tidak ada DOCTYPE sama sekali, akan menyebabkan browser mengubahnya menjadi model "Quirks", di mana browser berasumsi bahwa Anda menulis kode pasca-90an yang usang dan rusak.

Dengan pengaturan ini, browser akan mencoba mengurai halaman Anda menggunakan standar lama dan mengurai CSS Anda ke dalam standar IE4. Dan membalas pemiliknya dengan DOM khusus (IE membalas DOM IE, sedangkan Mozilla dan Netscape 6 membalas model yang mereka anggap).

Tidak diragukan lagi, ini bukan yang Anda inginkan. Tapi itu adalah sesuatu yang sering Anda dapatkan. Jadi artikel ini ingin memperbaiki DOCTYPE yang salah atau tidak lengkap tersebut.

(Catatan: Browser Opera tidak mendukung aturan ini. Ia selalu mencoba mengurai halaman web menjadi halaman yang disesuaikan dengan standar. Di sisi lain, Opera tidak memberikan dukungan kuat untuk DOM W3C. Namun mereka juga dapat berjalan dengan baik) Ed: Sejak ini artikel pertama kali diterbitkan, Opera telah menambahkan fungsionalitas yang sesuai dengan DOM ke Opera 7.

Kemana perginya DOCTYPE? (Kemana SEMUA DOKTIPE PERGI?)

Meskipun tipe dokumen merupakan bagian integral penting dari standar WEB di browser, dan meskipun W3C memimpin pembuatan standar WEB, Anda juga berharap situs W3C dapat menyediakan beberapa tipe dokumen yang sesuai, dan Anda mungkin juga ingin menemukan informasi ini lebih cepat dan mudah , namun, saat saya menulis ini, Anda belum bisa. {Ed: W3C sekarang mencantumkan serangkaian DOCTYPE standar di situs webnya. Anda dapat melihatnya di Pedoman W3C, seperti "Situs Web saya standar. Dan situs Anda?"}

W3.org bukanlah List Apart, WebReference atau Webmonkey. W3.org pada awalnya tidak dimaksudkan untuk membantu perancang WEB, pengembang, dan organisasi masyarakat sipil mempercepat pemahaman dan penggunaan teknologi terbaru. Ini bukan pekerjaannya.

W3C menerbitkan serangkaian pedoman, meskipun sebagian besar desainer web tidak menyadarinya. #

Anda dapat mencari DOCTYPE sepanjang hari di W3.org tanpa harus melihat daftar khusus. Dan ketika Anda mengunduh DOCTYPE (biasanya terkait dengan proposal atau rancangan kerja tertentu), DOCTYPE tidak berfungsi dengan baik di situs Anda.

Di seluruh situs W3C terdapat DOCTYPE dengan URI yang hilang (catatan sconf: bukan URI lengkap), yang mengarah ke situs web W3C sendiri. Setelah URL ini dipindahkan dari W3C ke halaman web Anda, URL ini akan menjadi dokumen yang tidak ada.

Misalnya, DOCTYPE banyak situs disalin langsung dari W3.org:

Jika Anda melihat bagian terakhir dari DOCTYPE ini ("DTD/xhtml1-strict.dtd"), Anda akan menemukan bahwa ini adalah tautan relatif ke situs W3C. Ini ada di situs W3C, bukan milik Anda. Jadi URI ini tidak berpengaruh pada browser. (catatan sconf: Saat Anda mengunjungi W3.org, ini hanya berfungsi karena ini adalah tautan relatif).

DOCTYPE ini sebenarnya harus diubah menjadi:

Perhatikan bahwa DOCTYPE di belakang berisi URI lengkap. Ini menampilkan sumber daya yang valid di jaringan sehingga browser dapat menemukannya dan menguraikan dokumen Anda ke dalam bentuk yang sesuai standar.

CARA MENGGUNAKAN DOCTYPE(DOCTYPE YANG BEKERJA)

Lalu bagaimana cara menggunakan DOCTYPE? Senang Anda bertanya. DOCTYPE lengkap di bawah ini yang kita perlukan:

HTML 4.01 ketat, transisi, bingkai

XHTML 1.0 kerangka kerja yang ketat dan transisi

XHTML1.1 DTD