Advertisement:

Author Topic: XHTML Hataları ve Çözümleri  (Read 191786 times)

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
XHTML Hataları ve Çözümleri
« on: January 21, 2008, 06:40:21 PM »
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ış:
Code: [Select]
<SCRIPT type=text/javascript>veya
Code: [Select]
<BR />vb..
Doğru:
Code: [Select]
<script type=text/javascript>veya
Code: [Select]
<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ış:
Code: [Select]
<br>veya
Code: [Select]
<meta name="googlebot" content="index, follow">veya
Code: [Select]
<img alt="" src="RESİM" width="158" height="233">
Doğru:
Code: [Select]
<br />veya
Code: [Select]
<meta name="googlebot" content="index, follow" />veya
Code: [Select]
<img alt="" src="RESİM" width="158" height="233" />


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

Yanlış:
Code: [Select]
<img src="RESİM" width="158" height="233" />
Doğru:
Code: [Select]
<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ış:
Code: [Select]
<td width="150" height="50"></td>
Doğru:
Code: [Select]
<td class="deneme"></td>
style.css dosyanız da ise:
Code: [Select]
.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ış:
Code: [Select]
valign="center"
Doğru:
Code: [Select]
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ış:
Code: [Select]
<font size="5" color="#000000"></font>
Doğru:
Code: [Select]
<span class="deneme"></span>
style.css dosyanız da ise:
Code: [Select]
.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:

Code: [Select]
<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 kapIk) ş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ış:
Code: [Select]
<img alt="" src="RESİM" align="left" width="102" height="55" class="img" />
Doğru:
Code: [Select]
<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..
« Last Edit: February 24, 2008, 02:30:09 AM by Hoochie Coochie Man »
İnadına SMF 1.1.X

Offline Pяηѕѕ LF

  • Sophist Member
  • *****
  • Posts: 1,035
  • Pяεηsεs
Re: XHTML Hatalarıı ve Çözümleri
« Reply #1 on: January 21, 2008, 06:49:41 PM »
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

Offline Cyberless

  • Semi-Newbie
  • *
  • Posts: 96
  • Gender: Male
  • SMF DataBase Master
Re: XHTML Hatalarıı ve Çözümleri
« Reply #2 on: January 21, 2008, 07:04:07 PM »
eyvallah hoçi moçi çoçi dökümantasyona taşınması gereken bir konu.

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Re: XHTML Hataları ve Çözümleri
« Reply #3 on: January 21, 2008, 07:27:03 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

Offline Yağız...

  • SMF Super Hero
  • *******
  • Posts: 10,809
  • Gender: Male
    • MMO Browser
Re: XHTML Hataları ve Çözümleri
« Reply #4 on: January 22, 2008, 01:19:44 AM »
<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)

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Re: XHTML Hataları ve Çözümleri
« Reply #5 on: January 22, 2008, 02:59:53 AM »
@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>
« Last Edit: January 22, 2008, 04:26:39 AM by Hoochie Coochie Man »
İnadına SMF 1.1.X

Offline ۧRu

  • Full Member
  • ***
  • Posts: 401
  • Gender: Female
Re: XHTML Hataları ve Çözümleri
« Reply #6 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..

Offline Yağız...

  • SMF Super Hero
  • *******
  • Posts: 10,809
  • Gender: Male
    • MMO Browser
Re: XHTML Hataları ve Çözümleri
« Reply #7 on: January 22, 2008, 06:31:05 AM »
@HCM
Bak burda ne demisim:
Quote
Araçlar > Html Validator options.. > Algorithm > SGML Parser yaparsaniz sadece XHTML hatalari gözükür
Senin aldiklarin HTML hatalari..

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Re: XHTML Hataları ve Çözümleri
« Reply #8 on: January 22, 2008, 07:52:08 AM »
@HCM
Bak burda ne demisim:
Quote
Araç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

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Re: XHTML Hataları ve Çözümleri
« Reply #9 on: January 22, 2008, 07:56:16 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..
Code: [Select]
<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 :)
« Last Edit: January 22, 2008, 08:17:45 AM by Hoochie Coochie Man »
İnadına SMF 1.1.X

Offline ۧRu

  • Full Member
  • ***
  • Posts: 401
  • Gender: Female
Re: XHTML Hataları ve Çözümleri
« Reply #10 on: January 22, 2008, 08:49:42 AM »
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 =)

Offline Cyberless

  • Semi-Newbie
  • *
  • Posts: 96
  • Gender: Male
  • SMF DataBase Master
Re: XHTML Hataları ve Çözümleri
« Reply #11 on: January 22, 2008, 09:08:13 AM »
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.

Offline SacmaliK

  • Full Member
  • ***
  • Posts: 644
  • Gender: Male
  • Türk Evladı Uyuma Uyan 30 Kupona Alınmadı Bu Vatan
    • Ocak Turk
Re: XHTML Hataları ve Çözümleri
« Reply #12 on: January 22, 2008, 11:46:00 AM »
gerekli açıklayıcı güzel bilgiler teşekkürler
My Mods
Veoh Bbc Tag:here
Topic get Keywords:here
...

Offline Yağız...

  • SMF Super Hero
  • *******
  • Posts: 10,809
  • Gender: Male
    • MMO Browser
Re: XHTML Hataları ve Çözümleri
« Reply #13 on: January 22, 2008, 12:21:08 PM »
@SacmaliK;
Senin bir konun vardi meta taglarla ilgili. Ondada XHTML hatalari var :)
meta larin kapali yani /> olmasi gerekiyor.

Offline SacmaliK

  • Full Member
  • ***
  • Posts: 644
  • Gender: Male
  • Türk Evladı Uyuma Uyan 30 Kupona Alınmadı Bu Vatan
    • Ocak Turk
Re: XHTML Hataları ve Çözümleri
« Reply #14 on: January 23, 2008, 10:40:05 PM »
evet @cakal93 düzeltilmeli  :)
My Mods
Veoh Bbc Tag:here
Topic get Keywords:here
...

Offline уιℓмαz

  • Full Member
  • ***
  • Posts: 430
  • Gender: Male
    • TamForum.Net » Paylaşımın Tam Adresi
Re: XHTML Hataları ve Çözümleri
« Reply #15 on: January 24, 2008, 07:06:00 PM »
Ç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

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Re: XHTML Hataları ve Çözümleri
« Reply #16 on: January 24, 2008, 07:12:19 PM »
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

Offline уιℓмαz

  • Full Member
  • ***
  • Posts: 430
  • Gender: Male
    • TamForum.Net » Paylaşımın Tam Adresi
Re: XHTML Hataları ve Çözümleri
« Reply #17 on: January 25, 2008, 03:22:18 AM »
Basit olanları yaptım da şimdi kalanlar genellikle biraz daha kasıyor :)

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Re: XHTML Hataları ve Çözümleri
« Reply #18 on: January 25, 2008, 03:32:06 AM »
Eğer sorun varsa yaz buraya, bu aşlığın amacı bu zaten, yardımcı oluruz..
İnadına SMF 1.1.X

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Re: XHTML Hataları ve Çözümleri
« Reply #19 on: February 09, 2008, 03:55:35 PM »
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