Ana Sayfa

Bilgisayar Eðitim CD

Bilgisayar Kitaplarý
 
Bilgisayar Dershanesi Eðitim Marketi
 
Adým Adým Web Eðitim Seti Adobe Flash Eðitim Seti


CSS Derslerine Geri Dön

CSS Eðitim Seti

CSS Doðru DOCTYPE Kullanýmý

OCTYPE, HTML veya (X)HTML dökümanýmýzýn tipini göstermek için kullandýðýmýz bir koddur.

DOCTYPE bildirimi (X)HTML kodunun baþýna bir veya iki satýr olarak eklenir. Genel kullanýmý:

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

Burada dökümanýmýzýn XHTML 1.0 verisyonu dikkate alýnarak yazýldýðý ve kullanýlan bu kurallarýn linki verilmiþtir. Linkin kullanýlmadýðý þeklide vardýr.

Bu tanýmlamadan sonra web tarayýcýlarý bu kurallara göre sayfayý yorumlayacak ve buna göre bir görünümü kullanýcýya sunacaktýr. Web tarayýcýlarý kullanýlan Döküman tip tanýmlamasýna(DTD-document type definition)göre sayfayý analiz eder.

Web Sayfalarýný Doðrulama "Onaylama"

Güzel bir kodlama, (X)HTML dökümanýn onyalanmýþ halidir. Web sayfalarýmýz doðrulamak için genelde http://validator.w3.org/ adresi kullanýlýrýz. Ancak bir çok web sayfasý hazýrlama editörü bu aracý içinde barýndýrýr.Web sayfalarýmýz doðrulattýðýmýzda sonuç olarak bize sayfamýzda bir sorun varsa bunuve niçin olduðunubelirtir.

Doðrulam iþlemi önemlidir çünkü bizim kodlarýmýzý doðru yazdýðýmýzý kontrol eder. Kodlarýnýzý belirli aralýklarla doðrulmayý unutmayýn. þžunu unutmayalým ki web sayfasýný doðrulamamýz bunu en mükemmel kod olduðu anlamýna gelmez.

Web tarayýcý mod’larý

Web tarayýcý üreticileri geriye dönük uyumluluðu saðlamak için standarlara uygun tarayýcýlar çýkardýklar. Bunu baþardýlar, bu iþlem için iki mod ürettirler: standart mod(standards mode) ve garip mod(Quirks mode). Standart mod sayfa ayrýntýlý olarak ve en iyi þekilde yorumlayacaktýr,Garip mod da ise eski moda tarayýcýlardaki gibi daha duyarsýz davranacaklardýr. Örneðin IE4 ve NN4 gibi.

Bu iki mod arasýndaki farký görebilemke için Windows üzerindeki IE’de kutu modeline bakmalýyýz. IE6 baþlangýçta Standart Mod da Kutu Modeli doðru görünürken Garip Mod da ise sorun çýkarýr. IE5 ve aþaðýsýnda bu sorun vardýr, ayrýca Opera 7 ve üsrü Garip Mod da IE gibi davranýr. Bunun dýþýnda ufak tefek sorunlar da vardýr. Hekzedesimal renk tanýmýnda # kullanýmýna ihtiyaç duymama, CSS’de deðer kullanýlmadýðýnda birimi piksel olarak tanýnmasý vb. sorunlar olarak sýralayabiliriz.

Mozilla ve Safaride bir üçüncü mod vardýr, ancak Standart Mod’dan çok önemli bir farký yoktur.

DOCTYPE Geçiþleri

Web tarayýcýlarý DOCTYPE bildirimi ve kullanýlan DTD’ye göre tarama metodunu belirler. Biþr dökümanda DOCTYPE tanýmý yapýlýrsa bu sayfa Standart Mod da, yapýlmazsa Garip Mod da yorumlanacaktýr bu geçiþe DOCTYPE Geçiþi(DOCTYPE switching) adý verilir.

  • XHTML dökümanýnda tam bir DOCTYPE tanýmý yapýldý ise web tarayýcýsý taramayý Standart Mod da yapacaktýr.

  • HTML 4.01 dökümaný için DOCTYPE ve strict DTD tanýmý yapýldýðýnda sayfa web tarayýcýsý tarafýndan StandartMod da yorumlanacaktýr.

  • DOCTYPE ve transtional DTD URI tanýmlý halin de Standart Mod da yorumlanacaktýr.

  • DOCTYPE ve transtional DTD URI’siz ise Garip Mod da yorumlanacaktýr.

  • Kötü formatlanan veya DOCTYPE kullanýmýlmayan dökümanlar HTML ve XHTML tarafýnda Garip Mod da yorumlanacaklardýr.

Web tarayýcýlarýnýn DOCTYPE tiplerine göre farklýlýklarýný görmek için http://www.ericmeyeroncss.com/bonus/render-mode.html bir göz atýn.

Çok uðraþýp en iyi ve en doðruCSS kodunu yazdýktan sonra yanlýþ DOCTYPE kullandýðýnýzda sayfanýz Garip Mod da yorumlanacaktýr ve bu size bir çok sorun oluþturacaktýr. Sitenizde tam DOCTYPE bildirimive strict DTD kullanmanýz çok önelidir.

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

Bu kullaným sayfanýn HTML 4.01 kurallarýnýn geçerli olduðu bir HTML dosyasý olduðunu gösterir.

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

Bu kullaným sayfanýn hem HTML hemde XHTML kurallarýnýn geçerli olduðunu bir XHTML dosyasý olduðunu gösterir.

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

Bu kullaným sayfanýn sadece XHTML1.0 kurallarýnýn geçerli olduðu bir XHTML sayfasý olduðunu gösterir. Bu kodlama yapýldýðýýnda tüm XHTML kurallarýna harfiyen uyulmalýdýr. Örneðin kodlarýn hepsinin küçük harfle yazýlmasý gibi.

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

Bu kullaným sayfanýn bir XHTML çerçeve(frame) sayfasý olduðunu gösterir. Kullanýmý azaldý.

Biz burada sizlere DOCTYPE tanýmlamanýn nasýl olduðunu ve önemini anlatmaya çalýþtýk. Bir çok HTML ediötürü DOCTYPE taýnýmýný otomatik ekleyecektir.