SiberKültür 101: Internet kültürü, web dedikoduları ve web tasarımı ve geliştirme konusundaki tüm açlığınızı giderir.
W3C kontrolüne takılan hataları nasıl düzeltirsiniz?
W3C geçerlilik denetim sistemi, verdiğiniz bir adresteki HTML veya CSS kodlarını kontrol ederek nerelerde hata yaptığınızı ve düzeltmek için neler yapabileceğinizi söylüyor. Kodladığımız web sayfalarının standartlara uyumluluğunu kontrol ederken karşılaştığınız bu mesajları çözmeniz, eğer İngilizce'niz yeterli değilse ve bu işte yeniyseniz bir işkenceye dönüşebiliyor.
Bu gibi bir durumda başvurabileceğiniz dört kaynak bulunuyor:
- Çevirimiçi sözlük olan Zargan İngilizce-Türkçe sözlüğü
- GotApi.com'un HTML sayfası
- GotApi.com'un CSS sayfası
- Fatih Hayrioğlu'nun hazırladığı CSS kitabı
GotApi.com sayfaları her hangi bir css veya html etiketini yazdığınızda size onunla ilgili sayfayı gösterecektir. Böylece etiketin adını doğru yazıp yazmadığınızı görebilirsiniz. Aynı şekilde Fatih Hayrioğlu'nun kitabı da CSS kodları konusunda size referans olacaktır.
Tüm uğraşlarınıza rağmen sorun çözülemiyorsa bazı hata mesajlarını çözmek için şunları yapabilirsiniz:
Sık karşılaşılan HTML hata mesajları
document type does not allow element "XXXXX" here; missing one of "YYYYY" start-tag.
İçinde bir HTML etiketi olamayacak bir etiket açtığınızı söyleyen hata mesajı. Span içine Div açılamaması gibi.
there is no attribute "XXXXX"
XXXXX şeklinde bir özelliğin bulunmadığını söyleyen hata mesajı. Div içine xxxxx="132" yazmak gibi.
required attribute "alt" not specified.
Bir imaja alt özelliğini, yani resimi tanımlayıcı metin girmediğinizi söyleyen hata mesajı.
Güncelleme: Fatih Turan'ın sık karşılaşılan hata mesajları açıklaması.
Sık karşılaşılan CSS hata mesajları
Property XXXXX doesn't exist
Böyle bir CSS özelliğinin olmadığını söyleyen hata mesajı.
Property XXXXX doesn't exist in CSS level YY but exists in [ZZ]
Kullanmaya çalıştığınız CSS özelliğinin CSS YY'de olmadığını fakat CSS ZZ'de bulunduğunu söyleyen hata mesajı.
Yorumlar
04/08/2008 - 23:33
İki dakikada yine iyi bi yazı çıkarmışsın, tebrikler. Aslında detaylı bir makale hazırlanabilir bu konuda Türkçe. Ya da ingilizceleri çevrilebilir. Zaten xhtmlmutfagi gibi siteler bu iş için çalışıyor aslında ama paralı tabiki.
05/08/2008 - 08:56
Makaleyi isteyen arkadaşda , Sizde güzel düşünmüşsünüz. Bunu sık hatalar değilde , tüm hataları nasıl düzeltiriz haline getirmek gerek :p
05/08/2008 - 10:13
Merak edip benim blogun hatalarına bir bakayım dedim; meğer hata kaynıyormuş. Bir iki saat uğraşıp temizledim hepsini.
Pingdom Tools'a girip baktım ve sitenin daha öncesine göre 1 saniye daha hızlı açıldığını gördüm. Pek de bir sevindim.
Paylaşım için çok teşekkür ederim.
05/08/2008 - 10:18
Ben de epey önceleri bu konuya benzer bir yazı yazmıştım.
05/08/2008 - 17:50
Keşke daha çok vaktim olsaydı, Fatih Turan'ın hazırladığı gibi daha detaylı yazabilseydim.
Fatih, hemen yukarıya koyuyorum bağlantıyı, güzel bir kaynak hazırlamışsın.
06/08/2008 - 07:54
Yukarda bu hatayı "there is no attribute "XXXXX"
XXXXX şeklinde bir özelliğin bulunmadığını söyleyen hata mesajı. Div içine xxxxx="132" yazmak gibi"
şeklinde açıklamışsınız ve ben yaptığım sitelerde en çok bununla karşılaşıyorum.. swf yerleştirdiğim kısımlarda bile bu hata veriyor..
örnek..
Line 6, Column 11: there is no attribute "NAME".
bunun çözümü nedir.. yardımcı olursanız çok memnun olurum..
07/08/2008 - 22:38
@Ümran: SWF dosyalarını (x)HTML dosyalarına gömmek için SWFObject adlı Javascript uygulamasını kullanman daha uygun olacağı kanısındayım.
Diğer konuda ise hangi Doctype'ı kullanıyorsunuz bilmiyorum ama aklıma ilk gelen şey xHTML 1.1'de name özelliğinin bütün elementlerden kaldırıldığıydı (umarım yanlış hatırlamıyorumdur). Eğer Doctype'ınızda xHTML 1.1 kullanıyor ve Name özelliğini kullanmaya çalışıyorsanız bu hatayı muhtemelen bu yüzden alıyorsunuzdur.
İkincisi ise bu özelliği büyük harf yazmanız sonucunda böyle bir hata ile karşılaşabileceğiniz olasılığı. Biraz zayıf bir ihtimal olmasına rağmen yine de gözden geçirmenizde fayda var.
22/08/2008 - 00:42
w3 validatorun yanı sıra firefox web browser için HTML Validator isimli bir eklenti de işinizi bir hayli kolaylaştıracaltır.
hataları, hataların muhtemelen nelerden kaynaklandığını, yanlış ve doğru hallerinin nasıl olduğunu örnekler ile size açıklıyor böylece hatanın ne olduğunu kavramanız kolaylaşıyor.
23/10/2008 - 13:32
Bu ısmarlama yazısını unutmuştum ben.. Çok teşekkürler.
19/10/2009 - 22:34
ya bu hataları bulan bir program yokmu hocam?
Yorumlama aparatı