TAG Kapatma sorunları

Web programlama çok geniş bir alan ama iş sonuçta dönüp dolaşıp statik HTML taglarına dayanmakta. HTML kodlama yaparken TAG’ları kapatmak çok önemli …

Tagı siz kapatmazsanız tarayıcının insafına kaldınız demektir. Ondan gerisi tarayıcının ne kadar akıllı olduğuna bağlı. Geçen gün kodladığım bir sitede PHP ile üreticiler tablosunun kayıtlarını UL ve ile tanımlı listenin LI elemanları arasına gömmem gerekmişti.

Kodu yazdım site bence gayet düzgün görünüyordu. Testi yapan Kaan Abi IE ile sitenin sakat göründüğünü söyledi. Herkeste Firefox yok dedi. Aşağıdaki seçme ürün listenin üstüne kaymış bu da yetmez gibi alt bannerde seçme ürünün zerine kaymıştı.

Oturup sağ yanı tek tek kontrol ettim. İlk olarak bir DİV sorunu sanmıştım. Orayı düzelttim, anasayfadaki kayma kalkmıştı. Tam sevineceğim sırada vitrin sayfasına girdim, oooooo alt banner hala kaymış durumdaydı üstelik yukarı değil sayfanın soluna.

Kayma UL kısmında başladığı için tekrar o bölümü açtım. Kontrol ettiğimde birde baktım ki UL tagı kapatılmamış.

Bütün kaymanın sebebi buydu.

Programlama başladığım günlerde Sedat Hocam hep derdi ;

“begin” yazıp kodlamaya girme

“begin
end”
yaz arasına kodları yazarsın..

Gene aynı şekilde şirket sitesinde Türkçe inglizce linkleri eklediğimde de sorun oluyordu. Ancak site IE ile normalken bu defa Firefox saçmalıyordu. Sonuçta incelerken çok basit bir hata yaptığımı farkettim. Linkleri kapatmak üzere yazdığım ifadelerine / koymadığım için kapatma değil açma işlevi görüyordu.

Kulağınıza küpe olsun.

1. Siteleri mutlaka bir kaç tarayıcı test edin.
2. Tarayıcıları çok akıllı sanmayın.
3. CSS ile tasarım yapın ama TAG kapatmayı sakın unutmayın

752 - (Toplam) 3 - (Bugün)

Bu yazı PHP, Programlama, Web kategorisine gönderilmiş. Kalıcı bağlantıyı yer imlerinize ekleyin.

TAG Kapatma sorunları için 2 cevap

  1. merve der ki:

    mrb. bi proje üzerinde çalışıyorum. sitenizi delphiturkiye forumdan buldum bi kaç yerde takıldım ve yardımınıza ihtiyacım var. msn adresinizi rica edebilirmiyim :)

  2. Tuna der ki:

    Yardımlarınız İçin Teşekkürler

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word