Tarayıcımın ‘Okunacaklar’ adlı klasöründeki gereksiz yer imlerini temizlerken gözüme “Common XHTML Errors” adlı yazı ilişti. Bu yazıda sitenizi XHTML geçerlilik testinden geçirirken sıkça karşılaşabileceğiniz hatalardan bahsediyordu. Yazıyı okudum ve beğendim. Şimdi bu yazıyı Türkçe’ye çevirip sizinle paylaşmak istiyorum. Bakalım siz beğenecek misiniz? :)

Geçersiz Yazılmış Ve İmi (”&”)

  • Örnek: a href=”foo.php?chapter=1&section=2
  • Geçerlilik Testi Rapor Sonucu: Unknown entity (bilinmeyen varlık).
  • Çözüm: & karakterinden kaçınıp onun yerine daima & kullanın. Ayrıca diğer karakterlerin yazılışını XHTML Character Entity Reference sayfasında bulabilirsiniz.
  • Doğru Kullanım Şekli: a href="foo.php?chapter=1&section=2

Elementlerin Yanlış Yuvalandırılması

  • Örnek: <strong><em>…</strong></em>
  • Geçerlilik Testi Rapor Sonucu: Missing </em> tag (</em> etiketi kayıp).
  • Çözüm: Etiketleri doğru yerde, yani iç içe kapatın.
  • Doğru Kullanım Şekli: <strong><em>…</em></strong>

DOCTYPE’ın Küçük Harf Yazılması

  • Örnek: <!doctype html public "-//w3c//dtd xhtml 1.0 strict//en"
    "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd" >
  • Geçerlilik Testi Rapor Sonucu: Missing DOCTYPE (DOCTYPE Kayıp).
  • Çözüm: DOCTYPE tanımlamasını büyük harfle yazın.
  • Doğru Kullanım Şekli: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >

Kapanış Etiketi(”/”) Kayıp

  • Örnek: <img src="image.gif" width="100" height="100"alt="Logo">
  • Geçerlilik Testi Rapor Sonucu: Missing closing tag (kapanış etiketi kayıp).
  • Çözüm: img, input, br gibi “boş elementler” olarak çağrılan etiketlerin sonu bir boşluk ve “/” ile kapatılmalı. Bütün XHTML elementlerin kodlarını bu sayfadan görebilirsiniz.
  • Doğru Kullanım Şekli: <img src="image.gif" width="100" height="100"alt="Logo" />

Etiketlerin Büyük Harf Yazılması

  • Örnek: <STRONG><EM>…</EM></STRONG>
  • Geçerlilik Testi Rapor Sonucu: There is no such element (Sözkonusu element orada yok)…
  • Çözüm: Bütün element ve özelliklerini küçük harf ile yazın.
  • Doğru Kullanım Şekli: <strong><em>…</em></strong>

Tırnaklandırılmamış Özellik Değerleri

  • Örnek: <td rowspan=3>
  • Geçerlilik Testi Rapor Sonucu: Missing quotation marks (tırnak işaretleri kayıp).
  • Çözüm: Bütün özellik değerleri tırnaklandırılmalı.
  • Doğru Kullanım Şekli: <td rowspan="3">

Yorum Yaz

Yorum yazabilmeniz için adınız, soyadınız ve e-posta adresinizi mutlaka girmeniz gerekiyor. E-posta adresiniz burada gösterilmeyecektir.

Lütfen yorumunuzu yazdıkdan sonra önizleme düğmesine basıp ardından yazım hatalarınızı kontrol edin. Konu ile alakasız ve çok fazla yazım hatası bulunan yorumlar onaylanmayacaktır.

Kenar Notu Rss

DW, FW ve SoundBooth Beta Çıktı

Adobe, Dreamweaver, Fireworks ve SoundBooth programlarının beta sürümlerini yayınladı. Bu programların yanısıra Photoshop ve Illustrator'u da beklerdim ama demekki hazır değiller. Her üç programı da Adobe Labs'dan indirebilirsiniz.

Kategoriler

Bağlantılar

Reklamlar

XHTMLMUTFAĞI - Siz tasarlayın, biz pişirelim! The Hunger Site Oyunlife

Ne Yapıyorum?

Gündüz sıcağında doğru düzgün çalışabilen var mı? :) Ben çalışamıyorum ya... Acayip sıcak var...

Ben Kimim?

Fatih Turan Merhaba! Benim adım Fatih. 24 yaşındayım ve Rize'de yaşıyorum. Serbest web tasarımcılığı yapıyorum. Uzun bir aradan sonra yenilenmiş arayüzü ile bu blogda, web ve grafik tasarım dünyası hakkında, kendi bakış açım ve bilgilerimle yazılar yazıyorum. Benimle iletişime geçmek istiyorsanız buradaki iletişim formunu kullanabilirsiniz.

Bu blog Wordpress alt yapısı ile çalışıyor olup, temanın tasarımı bana aittir. Xhtml ve Css ile web standartlarına uygun olarak kodlanmıştır.