XHTML Hataları ve Çözümleri

Started by Hoochie Coochie Man, January 21, 2008, 06:40:21 PM

Previous topic - Next topic

Hoochie Coochie Man

XHTML, açılımıyla Extensible Hyper Text Markup Language Türkçesi Geliştirilebilir Büyütülmüş Metin İşaretleme Dili istemci taraflı (client side) bir metin işaretleme dilidir.

XHTML 26 Haziran 2000'den beri bir web standartıdır.
Sitenizin bu standartlara uygunluğunu görmek için tıklayınız..

Kodlama olarak oldukça büyük farklar yaratan bu dil için:'Xml sözdiziminin Html içinde kullanılması.' diyebiliriz.

Html dilinin farklı tarayıcılarda (Bknz. Internet Explorer, Firefox, Opera) farklı yorumlanması ve sözdiziminde fazla düzensizlik ve hata olduğu için XHTML W3C (World Wide Web Consortium - WWW) tarafından önerilmiştir. XHTML'nin diğer bir özelliğide kodlama yapanları CSS teknolojisini kullanmaya özendirmesidir. (wikipedia)

Bu başlıkta bu hatalara mağruz kalan arkadaşlarımızı hep beraber sitelerinin sorunsuz olması için yardımcı olalım.. Ben bildiğim kadarı ile yardımcı olmaya çalışıcam..




Hatalar ve Çözümleri

1. Kodlamada hiçbir zaman büyük harf kulalnılmamalıdır.

Yanlış:
<SCRIPT type=text/javascript>
veya
<BR />
vb..
Doğru:
<script type=text/javascript>
veya
<br />




2.  Açılıp-Kapanmaya (<span></span>) gerek olmayan taglar (<br> veya <meta> veya <img> vb..) herzaman "/" işareti ile kapatılmalıdır.

Yanlış:
<br>
veya
<meta name="googlebot" content="index, follow">
veya
<img alt="" src="RESİM" width="158" height="233">

Doğru:
<br />
veya
<meta name="googlebot" content="index, follow" />
veya
<img alt="" src="RESİM" width="158" height="233" />




3. <img> tagları herzaman bu kodu içermelidir  ==>   alt=""

Yanlış:
<img src="RESİM" width="158" height="233" />

Doğru:
<img alt="" src="RESİM" width="158" height="233" />




4. <table> veya <td> taglarında hiçbir zaman genişlik (width) ve yükseklik (height) kullanılmaz, onun yerine class="" tagı kullanılır ve genişlik-yüksekliği style.css dosyasından çağırılır.

Yanlış:
<td width="150" height="50"></td>

Doğru:
<td class="deneme"></td>

style.css dosyanız da ise:
.deneme {
width: 150px;
height: 50px;
}





5. valign ile align leri karıştırmayınız.

align için kıllanılabilir taglar left - center - right - top vb..
valign için kullanılabilir taglar top - bottom - baseline vb..

Yanlış:
valign="center"

Doğru:
valign="top"




6. <font> tagı kullanılamaz, onun yerine <span> kullanmalısınız. Tabi <span>'nın içindede yine class tagını..

Yanlış:
<font size="5" color="#000000"></font>

Doğru:
<span class="deneme"></span>

style.css dosyanız da ise:
.deneme {
font-size:5px;
color:#000000;
}





7. <table> <td> ve <tr> taglarına çok dikkat edilmelidir. Onlar arasında biri eksik ya da fazla olsun, bir çok hata oluşur. Bu tagları düzenli olması gerekr, sizlere düzgün bir tablo yapısını örnek vereyim:

<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

Bu örnek umarım size yardımcı olur.. Bu düzeni bozduğunuz takdirde hata almanız kaçınılmaz!




8. Gelelim en önemli soruna, basit ama önemli. Nedir bu? En çok gördüğüm hata: Herhangi bir tagı açık bırakılmış ya da daha önce hiç açılmamış bir tag kapalı bırakılmış..

Demek istediğim şu.. örneğin
<table> (tabloyu açmak) bunu </table> (tabloyu kapatmak) şeklinde yapmalısınız!




9. Hiçbir zaman "&" bu işareti kullanmayın onun yerine "&amp;" bunu kullanmalısınız! Bu da hataya neden oluyor çünkü.




10. Linkleriniz içindeki target="blank_" genelde hata verir, onun yerine bunu kullanabilirsiniz onclick="target='_blank';" bu hata vermez.




11. <img> tagının içinde hiçbir zaman <align> tagını kullanammalısınız. Hata verir!

Yanlış:
<img alt="" src="RESİM" align="left" width="102" height="55" class="img" />

Doğru:
<img alt="" src="RESİM" width="102" height="55" class="img" />




12. Kodlama da küçük harf kullanmaya özen gösterin, Büyük harf XHTML hatalarına neden olabilir.




Belki kaçırdığım ya da unuttuğum sorunlar da vardır, ancak aklıma gelenler bunlar, gördükçe yada siz bana bildirdikçe ekleyeceğim.. Umarım yardımcı olabilmişimdir..

Saygılar..
İnadına SMF 1.1.X

Pяηѕѕ LF

Ellerine emegine saglik ben bunlari bilmiyordum "hata" cözümler" güzel bilgiler. verdigin linkten denedim 10 tane hata cikti invalid yazdi :) sonra www.simplemachines.org denedim onda 11 tane cikti. merak edilecek bisey yok. :) tekrar sagol.
1.1.21 Default

Cyberless

eyvallah hoçi moçi çoçi dökümantasyona taşınması gereken bir konu.

Hoochie Coochie Man

Quote from: Prenses on January 21, 2008, 06:49:41 PM
www.simplemachines.org denedim onda 11 tane cikti. merak edilecek bisey yok. :) tekrar sagol.
Hadi SMF'nin hatalarını birlikte düzeltelim :)

<p>SMF is written in the popular language PHP and uses a MySQL database. It is designed to provide you with all the features you need from a bulletin board while having an absolute minimal impact on the resources of the server. SMF is the next generation of forum software - and best of all it is and will always remain completely free!

- Kırmızı ile gösterdiğim <p> tagı kapanmamış! (8. Madde)

Bir hata diğer birçoğunu tetiklediği için ben herzaman birini düzeltmeden diğerine geçmiyorum :) O yüzden SMF o hatasını düzeltsin sonra geriye kalanlara bakarız :P
İnadına SMF 1.1.X

Yağız...

<td width="150" height="50"></td>
Bu neden kullanilamasin?
Cevirdigim nerdeyse her temada height ve width var ama hic XHTML hatasi almiyorum.
Ayrica Mozilla Firefox'ta HTML Validator eklentisini kullanabilirsiniz.(Araçlar > Html Validator options.. > Algorithm > SGML Parser yaparsaniz sadece XHTML hatalari gözükür)

Hoochie Coochie Man

#5
@cakal93 biraz geniş düşün yahu! HTML SİTELERDE HATA ALIRSIN. Sadece SMF olarak düşünme bu dökümanı. Konu başlığına ne yazmıştım, iyi oku! "Bu başlıkta bu hatalara mağruz kalan arkadaşlarımızı hep beraber sitelerinin sorunsuz olması için yardımcı olalım.. "

Edit: Ayrıca Firefox'ın eklentisine de baktım.! benim sitem http://validator.w3.org/ burada Yeşil Valid "geçerli" uyarısı alırkn Firefox da 2 tane hata var diyor, bu nasıl iş?

hata ise sadece bu satır.. Hadi çöz bunu.. :)

<a href="javascript:NewWindow=window.open('gizlilik.html','newWin','width=515,height=380,left=200,top=200,toolbar=No,location=No,scrollbars=No,status=No,resizable=No,fullscreen=No');  NewWindow.focus();void(0);" style="text-decoration: none" class="footer-link">İstanblues.org © 2007 - 2008 | Tüm hakları saklıdır.</a>
İnadına SMF 1.1.X

ۧRu

40 küsür hata çıktı bende denedimde snn verdiin siteden düzeltmessem sorun olabilirmi acaba ciddi sorunlar..

Yağız...

@HCM
Bak burda ne demisim:
QuoteAraçlar > Html Validator options.. > Algorithm > SGML Parser yaparsaniz sadece XHTML hatalari gözükür
Senin aldiklarin HTML hatalari..

Hoochie Coochie Man

Quote from: cakal93 on January 22, 2008, 06:31:05 AM
@HCM
Bak burda ne demisim:
QuoteAraçlar > Html Validator options.. > Algorithm > SGML Parser yaparsaniz sadece XHTML hatalari gözükür
Senin aldiklarin HTML hatalari..
Anladım teşekkürler, şimdi hiç hata bulunmadı dedi :)
İnadına SMF 1.1.X

Hoochie Coochie Man

#9
Quote from: ۧRu on January 22, 2008, 06:25:08 AM
40 küsür hata çıktı bende denedimde snn verdiin siteden düzeltmessem sorun olabilirmi acaba ciddi sorunlar..
Bi sorun olmaz ancak basit hatalar mevcut, neden tamamen hatasız yapmayasın ki?
469. satırda şu var..
<script language="javascript" src="http://kazancortakligi.hemalhemsat.com//GetJSCode.aspx?SiteId=14245&Template=2">
O kodun içindeki büyük harflerin hepsini küçük harf yap..(1. madde) sonra geriye kalan sorunlara bakarız..
(yedek al ne olur ne olmaz)

Edit: Daha önce hiç açılmamış <td> <tg> ve <table> tagların da var.. uğraşmak istemezsen kalabilir sorun yok :)
İnadına SMF 1.1.X

ۧRu

tamam dediğini düzelttim bi sorun olurmu acaba büyük harf küçük harf duyarlılığı var mıdır?

hoçi çoçi demişki:
Edit: Daha önce hiç açılmamış <td> <tg> ve <table> tagların da var.. uğraşmak istemezsen kalabilir sorun yok

yok ya düzeltirim olmuşken hatasız olsun demi =)

Cyberless

eskiden html kodlamasında tagların büyük-küçük yazılma duyarlılığı yoktu ama yakında duyarlılık getileceği yönünde bir makale okuduğumu hatırlıyorum.

nerde okumuştum onu hatırlamıyorum ama büyük küçük harf duyarlılığının yakında html'de de olacağını söylemişlerdi.

bende onların yalancısıyım.

SacmaliK

gerekli açıklayıcı güzel bilgiler teşekkürler

My Mods
Veoh Bbc Tag:here
Topic get Keywords:here
...

Yağız...

@SacmaliK;
Senin bir konun vardi meta taglarla ilgili. Ondada XHTML hatalari var :)
meta larin kapali yani /> olmasi gerekiyor.

SacmaliK


My Mods
Veoh Bbc Tag:here
Topic get Keywords:here
...

уιℓмαz

Çok güzel bir doküman olmuş ben de bunlardan faydalanarak anasayfada 1800 hatadan 700 küsür hataya indirdim hala da uğraşıyorum :D

Hoochie Coochie Man

Resim taglarının hepsine alt="" ekle (madde 3)
baya bi hatan gidecek :)
bide daha önce açmadığın ,kapalı taglarında mevcut!
İnadına SMF 1.1.X

уιℓмαz

Basit olanları yaptım da şimdi kalanlar genellikle biraz daha kasıyor :)

Hoochie Coochie Man

Eğer sorun varsa yaz buraya, bu aşlığın amacı bu zaten, yardımcı oluruz..
İnadına SMF 1.1.X

Hoochie Coochie Man

Quote from: cakal93 on January 22, 2008, 01:19:44 AM
Ayrica Mozilla Firefox'ta HTML Validator eklentisini kullanabilirsiniz.(Araçlar > Html Validator options.. > Algorithm > SGML Parser yaparsaniz sadece XHTML hatalari gözükür)

Firefox'un o eklentisine ben burda bi güzel küfürü basardımda, neyse..  >:(
Aptal eklenti, hiç bir haltı beceremiyor, katiyen tavsiye etmiyorum..

Tema yüklüyorum tema sitesine bana sürekli invalid XHTML diyolar. cakal dedikten beri bunu bende onu kullanıyodum, bakıyorum bakıyorum hata yok.. herşey kuzursuz gözüküyor, neredeyse tüm sayfalar "valid" işaretini veriyor  bakıyorum bakıyorum hata yok..  sonrasında cakalın uyarması sonucu , yine benim ilk mesajda gösterdiğim siteden yani..  validator.w3.org'dan baktık, hata gözüktü. Uyuz etti beni yaaa..  >:(  >:(
İnadına SMF 1.1.X

Advertisement: