Ana Sayfa
doctype nedir

HTML5 Belge Tipi Bildirme DOCTYPE

DOCTYPE nedir? HTML5’te DOCTYPE ne işe yarar? Bu yazıda, web geliştiriciliğe yeni başlayanlar için deklarasyonunu inceledik.
html5 belge tipi bildirimi Doctype
html5 belge tipi bildirimi Doctype


HTML5’te <!DOCTYPE> Nedir ve Ne İşe Yarar?

Merhaba sevgili okurlar! Bugün HTML dünyasında hepimizin görüp, çoğu zaman ne olduğunu bilmediğimiz ama aslında çok önemli olan bir terimi konuşacağız: <!DOCTYPE>. Eğer HTML öğrenmeye yeni başladıysan, bu garip karakterler seni korkutmasın. Bu yazıda “<!DOCTYPE>” teriminin ne olduğunu, ne işe yaradığını ve neden bu kadar önemli olduğunu adım adım öğrenelim.

<!DOCTYPE> Nedir?

En basit haliyle <!DOCTYPE>, HTML dosyanın tarayıcı tarafından nasıl işleneceğini belirtmek için kullanılan bir "deklarasyon"dur. Yani, web tarayıcılarına, "Bu sayfa HTML5 dilinde yazıldı" demenin kısa ve teknik bir yoludur. 

Bir web sayfası oluşturduğunda, tarayıcı sayfanın nasıl yorumlanması gerektiğini anlamalıdır. İşte tam burada, sayfanın en üstünde yer alan bu küçük ama etkili satır devreye giriyor:

<!DOCTYPE html>
  • Tüm HTML belgeleri bir <!DOCTYPE> bildirimiyle başlamalıdır.
  • Bildirim bir HTML etiketi değildir. Tarayıcıya hangi belge türünün beklenmesi gerektiğiyle ilgili bir "bilgi"dir.
  • HTML 5'te bildirim basittir: <!DOCTYPE html> yazmak kadar basit. 

Bu, tarayıcıya şunu söyler: "Bu sayfa HTML5 standardına göre yazılmıştır."

Eskiden Nasıldı?

Şimdi diyeceksin ki, "Eskiden HTML mi yoktu?" Tabii ki vardı! Ama her yeni HTML sürümünde tarayıcıların sayfayı nasıl işlemesi gerektiğini anlamaları için daha karmaşık deklarasyonlar kullanılıyordu. Mesela, HTML4'te bu satır daha karmaşıktı:

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

Biraz göz korkutucu, değil mi? Neyse ki HTML5 ile işler basitleşti ve tüm bunlar artık sadece bir satıra indirgendi! 😊

<!DOCTYPE> Neden Önemlidir?

Peki, bu deklarasyonu kullanmazsak ne olur? Eğer bir <!DOCTYPE> deklarasyonu eklemezsen, tarayıcı “Quirks Mode” adı verilen bir moda geçebilir. Bu mod, eski tarayıcıların sayfaları yanlış veya eski kurallara göre yorumlamasına neden olabilir. Yani siten hem eski hem de modern tarayıcılarda tuhaf görünebilir! Kısacası, <!DOCTYPE>, web sayfalarının her zaman tarayıcılarda en doğru şekilde görüntülenmesini sağlar.

Nasıl Kullanılır?

Eğer web sayfası oluşturuyorsan, yapman gereken ilk şey bu deklarasyonu sayfanın en üstüne eklemek. Bu, tüm HTML dosyalarının ilk satırı olmalıdır:

<div class='pre'>
  <pre><!DOCTYPE html></pre>
</div>

Kısa Bir İpucu

DOCTYPE bildirimi büyük küçük harf duyarlı değildir.

<!DOCTYPE html>
<!DocType html>
<!Doctype html>
<!doctype html>

4 Kullanım da aynı anlama geliyor. Kolay değil mi? İşte bu kadar! 😉

Tarayıcı Desteği

Element
chrome
edge
firefox
safari
opera
<!DOCTYPE> ✅ ✅ ✅ ✅ ✅


Özet

Artık <!DOCTYPE> nedir, ne işe yarar ve neden bu kadar önemli olduğunu biliyorsun. Her yeni HTML dosyası oluşturduğunda, bu deklarasyonu sayfanın en başına koymayı unutma. Böylece, hem senin için hem de tarayıcılar için işler daha kolay hale gelir.

HTML5 dünyasına adım atarken, <!DOCTYPE> senin ilk yardımcın olacak. Unutma, bu küçük ama etkili satır, büyük işler başarıyor!