Başka bir deyişle, web yöneticilerinin sıklıkla karşılaştığı bir web sayfasının başka bir Chrome’da Safari’de farklı görünmesinin en önemli nedenlerinden biri, Doctype’ın doğru olmaması ve internet tarayıcısının bilmemesidir. Ancak, doğru Doctype etiketini kullanırsanız, internet tarayıcısı sayfa türünüzü doğru bir şekilde tanıyacak ve ekranda en doğru şekilde görüntüleyecektir.
Doctype HTML
Doctype’nin ortaya çıkmasının nedeni, web standartlarının internetin ilk günlerinde bazı kurumlar tarafından tanımlanmamasıdır. İnternetin karanlık çağları olarak adlandıracağımız bu çağda insanlar bir şekilde kodlamaya çalışmış ve doğru kodlayamamıştır. Kodlamada olduğu gibi internet tarayıcılarındaki farklılıklar, sayfaların farklı yorumlanmasına neden oldu.
Bu nedenle son derece basit bir çözüm olan Doctype çözümü, sürüm sorunundan kaynaklanan hataları düzeltmek için tanıtıldı. Doctype’ın sitenin <html> etiketinin en üstünde tanımlanmasına ve Doctype’a başka hiçbir veri yerleştirilmemesine karar verildi. Böylece Doctype tarayıcısı ile web sayfalarının ön taraması yapılarak sayfa tipi daha kolay belirlenebilir.
Basit bir örnek için, Doctype kullanarak bir HTML sayfası oluşturarak Doctype’dan yararlanalım;
Belge türünü belirlemek için kullanmanız gereken sürüm değerleri olacağını muhtemelen biliyorsunuzdur. HTML dosyaları için kullanılabilen Doctype HTML biçimleri aşağıdaki gibi olmalıdır:
HTML5 için Doctype kodu
<!DOCTYPE html>
HTML 4.01 Strict için Doctype kodu
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
HTML 4.01 Transitional için Doctype kodu
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
HTML 4.01 Frameset için Doctype kodu
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “http://www.w3.org/TR/html4/frameset.dtd”>
XHTML 1.0 Strict için Doctype kodu
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
XHTML 1.0 Transitional için Doctype kodu
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
XHTML 1.0 Frameset için Doctype kodu
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>
XHTML 1.1 için Doctype kodu
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
Doctype HTML5
HTML5, günümüz standartlarının hem en uygun hem de en kabul edilebilir sürümü olan yeni nesil HTML sürümüdür. HTML5 sayesinde kodlar artık eski standartlardan farklı ve çok daha basit ve daha kullanışlıdır. Yukarıdaki örneklerde gördüğünüz gibi, HTML5 kodlu bir sayfa için Doküman Tipini belirtmek çok kolay ve kolaydır. Doctype’ı HTML5’te tanımlamak için <! Tarayıcılara sayfanın HTML5 standartlarına göre oluşturulduğunu bildirmek için <html> etiketinden önce DOCTYPE html>.
