HTML Kodları Dijital Dünyaya Açılan Kapı

DOCTYPE

DOCTYPE Nedir?

DOCTYPE, bir HTML belgesinin en üstünde yer alan ve tarayıcıya belgenin hangi HTML standardına göre yorumlanacağını bildiren belge türü bildirimidir. Bir HTML etiketi değildir ve sayfanın DOM yapısına dahil olmaz. Tarayıcının belgeyi hangi modda işleyeceğini belirlemek için kullanılır.

Ne İşe Yarar?

DOCTYPE bildirimi, tarayıcının sayfayı standartlara uygun modda (Standards Mode) işlemesini sağlar. Bu modda HTML ve CSS kuralları güncel web standartlarına göre uygulanır. Doctype eksik veya hatalı olduğunda tarayıcı uyumluluk modu (Quirks Mode) kullanabilir ve bu durum CSS hizalama, kutu modeli ve varsayılan stillerde beklenmeyen sorunlara yol açabilir.

En Basit Kullanımı

HTML5 ile birlikte doctype kullanımı oldukça sadeleşmiştir. Belgenin ilk satırında yer alması gereken tek satırlık bir bildirimdir.

<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="utf-8">
  <title>Örnek Sayfa</title>
</head>
<body>
  <p>Merhaba Dünya</p>
</body>
</html>

Örnek Kullanımlar

HTML5 doctype bildirimi

Günümüzde kullanılan ve önerilen standart doctype bildirimi aşağıdaki gibidir.

<!DOCTYPE html>

Doctype bulunmayan HTML belgesi

Doctype bildirimi olmayan sayfalarda tarayıcılar farklı yorumlama modları kullanabilir. Bu durum tasarım tutarsızlıklarına neden olabilir.

<html>
<head>
  <title>Doctype Olmayan Sayfa</title>
</head>
<body>
  <p>İçerik</p>
</body>
</html>

Eski XHTML doctype örneği

Geçmişte kullanılan ve güncel projelerde tercih edilmeyen bir doctype türüdür.

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

Ne Zaman Kullanılır?

  • Tüm HTML belgelerinde, dosyanın en başında kullanılır.
  • Yeni bir web sitesi, tema veya şablon oluştururken mutlaka eklenmelidir.
  • Tarayıcılar arası tutarlı görünüm hedeflenen tüm projelerde gereklidir.

Küçük İpuçları

  • HTML5 projelerinde yalnızca DOCTYPE html bildirimi yeterlidir.
  • Doctype satırından önce boşluk veya başka bir karakter bulunmamalıdır.
  • Bu bildirim bir HTML etiketi olmadığı için kapanış etiketi yoktur.
  • Doctype eksikse CSS hizalama ve kutu modeli sorunları ortaya çıkabilir.
2 ay önce