HTML Dersleri 5 – Belge Tipi Bildirimi (DOCTYPE)


Merhaba değerli Kodlama Vakti okuyucuları , geçen dersimizde İçerik Etiketleri adlı yazımızda  HTML'de içerik üretmek için kullanılan etiketlerin kullanımı öğrenmiştik. Önceki dersimizi incelemediyseniz HTML Dersleri 4 – İçerik Etiketleri linkine tıklayarak ulaşabilirsiniz. Bu dersimizde HTML'de kullanılan Belge Tipi Bildirimi (DOCTYPE) etiketinin  ne olduğunu öğreneceğiz.

İnternette HTML ile ilgili araştırma yaptığınızda , bir çok dosyalarda < !DOCTYPE html> etiketini görürsünüz. Peki bu kod yapısı ne anlama gelmektedir ?

Türkçe karşılığı Belge Tipi Bildirimi anlamına gelen DOCTYPE , oluşturacağımız web sitelerinde zorunlu bildirim etiketidir. DOCTYPE etiketi sayesinde tarayıcıların sitemizde ki sayfaların ne olduğunu anlamasını sağlarız. < !DOCTYPE html> etiketini sayfamızın en başına eklersek eğer, tarayıcılar bu sayfanın bir web sayfası olduğunu anlayacaklar ve sonrasında yazdığımız kodları HTML kodu olarak algılayıp yorumlayacaklardır. Bu etiketi kullanmadığımız taktirde, tarayıcılar Garip Mod (Quirks Mode) formatında kodlarınızı yorumlayacak ve web sayfanızı kendisine göre yorumlayacaktır. Bu da yazdığınız kodlarda sorun yaratacaktır. Anlayacağımız üzere , Belge Tipi Bildirimi (DOCTYPE) bir zorunluluktur ve tüm sayfalarımızda kullanmamız gereklidir.

HTML'de kullanılan Strict , Frameset ve Transitional şeklinde üç farklı belge tipi bildirimi vardır.Bunlarla ilgili örneklere bakalım ;

Strict belge tipi bildirimi , diğer DOCTYPE türlerine göre daha katıdır. Kullanılmayan etiketleri(< font > vb.) içermez.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
     <head>
         <title>Site Başlığı</title>
     </head>
     <body>
         <p>Strict belge tipi bildirimi örneği.</p>
     </body>
</html>

Frameset belge tipi bildirimi , web sitenizin frame'lerle (çerçevelerle) yaptığınızı belirtmek için kullanılan bir belge tipi bildirimi türüdür.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
     <head>
         <title>Site Başlığı</title>
     </head>
     <body>
         <p>Strict belge tipi bildirimi örneği.</p>
     </body>
</html>

Transitional belge tipi bildirimi, en çok kullanılan DOCTYPE türüdür. Diğerlerine göre daha esnektir ve çoğu hatayı görmezden gelebilir.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
     <head>
         <title>Site Başlığı</title>
     </head>
     <body>
         <p>Transitional belge tipi bildirimi örneği.</p>
     </body>
</html>

Bu zorunluluklar HTML5'de kalkmış olup , sadece < html > etiketinden önce < !DOCTYPE html> yazmamız yeterlidir. Lakin bu derslerimizde Temel HTML öğrendiğimiz için bilmemizde fayda vardır.

Tebrikler! Bu derste  HTML’de Belge Tipi Bildirimi (DOCTYPE)  öğrendiniz. Kodlama Vakti ile kodlama hiç bu kadar kolay olmamıştı.

HTML Derslerinin beşinci kısmı olan dersimizde , HTML’de DOCTYPE (Belge Tipi Bildirimi) Türlerini ve Kullanımları gibi konuları öğrendik. Ders sonunda ki testimize katılarak öğrendiklerinizi pekiştirebilirsiniz. Derslerimiz hoşunuza gittiyse eğer paylaş butonlarından sevdiklerinizle paylaşabilirsiniz !

Test’e katıl öğrendiklerini pekiştir !

TESTE BAŞLAMAK İÇİN TIKLAYINIZ!

Bir sonraki derse  “HTML Dersleri 6 – Tablolar (Başlangıç)” geçmek için tıklayınız !

Bu içeriği beğendiyseniz paylaşarak destek olabilirsiniz!


Eğitim İçeriği

Eğitim HTML Dersleri
Kategori Web Programlama
Ders Adeti 19 Ders
Dil Türkçe
Güncelleme 12/2020
  • HTML Dersleri

    HTML Dersleri Sıfırdan İleri Seviyeye

    Kategori Web Programlama
    Ders Süresi 19 Ders
    Dil Türkçe
    Güncelleme 12/2020
    Derse Başla
  • Java Dersleri

    Java Dersleri ve Nesne Yönelimli Programlama

    Kategori Programlama Dili
    Ders Süresi 125 Ders
    Dil Türkçe
    Güncelleme 09/2020
    Derse Başla
  • CSS Dersleri

    CSS Dersleri Başlangıçtan İleri Seviyeye

    Kategori Web Programlama
    Ders Süresi 49 Ders
    Dil Türkçe
    Güncelleme 10/2021
    Derse Başla
  • Java Örnek Projeler

    Java Örnek Projeler

    Kategori Programlama Dili
    Ders Süresi 20 Ders
    Dil Türkçe
    Güncelleme 10/2022
    Derse Başla
  • C# Dersleri

    C# Dersleri ve Nesne Yönelimli Programlama

    Kategori Programlama Dili
    Ders Süresi 100 Ders
    Dil Türkçe
    Güncelleme 04/2024
    Derse Başla