Olası w3 Hataları ve Çözümleri - vBulletinData -Türkçe vBulletin Destek ve Bilgi Paylaşım Sitesi

**ByİkİzLeR** · 11-20-2010, 09:58 PM

Gözüme Çarptı Belki İşinize Yarar Diye Paylaştım

Merhabalar Google'ın Son zamanlarda ön çok önem verdiği sistemlerden bir tanesi de W3 Standardı kodlamadır.Bazı kişiler bu şekil kodlamanın önemsiz oldugunu söylesede benim için çok önemlidir ve faydasını çok görmüşümdür.
Lafı fazla uzatmadan hatalar ve bu hataların nasıl çözümleneceğine ait bir kaç bilgi vereyim.

Aslına bakıldıgında benim yakaladığım 4-5 adet dikkat edilmesi gereken yer var daha doğrusu yaptıgım sitelerde şimdiye kadar aldıgım hatalar 5 tane yerden geldi.

1. olarak resim eklerken yapılan eksik kodlama:
w3 standartlarına göre her koydugunuz bir resime bir açıklama girmek zorundasınız.eğer siteniz bir resim galeri sistesi ise ve siz eklediğiniz resimlerde tanıtım yazısı kullanmıyorsanız 1 sayfada 200 resim olsa 200 den fazla hata vericektir validator.
resim eklerken yazacagınız sadece 6 kadakterlik bir kod

Kod:

<img src="xxx.jpg" width="xx" height="xx"/>
kullandıgımız bu kod her tarayıcıda hatasız olarak çalışır ancak sitemizi google'a sevdirmemiz için bunu şu şekilde yapıyoruz

Kod:

<img src="xxx.jpg" width="xx" height="xx" alt="RESİM AÇIKLAMASI"/>
eğer resime açıklama koymak çok sıkıcı ve zor geliyorsa

Kod:

<img src="xxx.jpg" width="xx" height="xx" alt=""/>
olarak da bırakabilirsiniz w3 bu kodu da kabul eder ancak sağlıklı bir kodlama olması için açıklama girmeniz lehinize olacaktır.

2. karşılaştıgım hata ise tek satır tagları kapatmada meydana gelen kod hatalarıdır.<link> , <img> , ***** gibi belli başlı taglar genelde tek satırlık kodlardır yani
<div> </div> şekilnde 2 tag kullanmadıgımız yerler vardır.

Kod:

<link rel="stylesheet" href="style.css" type="text/css" media="screen">

Kod:

<link rel="stylesheet" href="style.css" type="text/css" media="screen"/>
yukarıdaki 2 kod aynı işlevi görür 1. kodda validatorde hata alırken 2. kodda hata almazsınız. tek satırlık taglarda bitirişi /> şiklinde yapmalısınız.

YANLIŞ

Kod:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
DOĞRU

Kod:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

YANLIŞ

Kod:

<img src="ixcfas.png" width="105" height="37" >

YANLIŞ

Kod:

<img src="ixcfas.png" width="105" height="37" />

YANLIŞ

Kod:

<img src="ixcfas.png" width="105" height="37" alt="">
DOĞRU

Kod:

<img src="ixcfas.png" width="105" height="37" alt=""/>
3.sırada ise tablo kullananlarda tablo biçimlendirmede yapılan hatalardır. örnek olarak bir tablomuz var ve biz bu tablomuzun arka planını ya da yüksekliğini değiştirmek istiyoruz..

PHP- Kodu:

<table bgcolor="#cccccc" style="#width:14px;"height="123"> </table>

By_Efsaneli · 11-21-2010, 06:18 PM

helal olsun kardesim emegine saglik

**ByİkİzLeR** · 11-22-2010, 12:57 PM

ne demek kardeşim bol şanslar

11-20-2010, 09:58 PM	#1 (permalink)
ByİkİzLeR Vip Üye Date: Sep 2009 Mesajlar: 933 Tecrübe Puanı: 25	Olası w3 Hataları ve Çözümleri Gözüme Çarptı Belki İşinize Yarar Diye Paylaştım Merhabalar Google'ın Son zamanlarda ön çok önem verdiği sistemlerden bir tanesi de W3 Standardı kodlamadır.Bazı kişiler bu şekil kodlamanın önemsiz oldugunu söylesede benim için çok önemlidir ve faydasını çok görmüşümdür. Lafı fazla uzatmadan hatalar ve bu hataların nasıl çözümleneceğine ait bir kaç bilgi vereyim. Aslına bakıldıgında benim yakaladığım 4-5 adet dikkat edilmesi gereken yer var daha doğrusu yaptıgım sitelerde şimdiye kadar aldıgım hatalar 5 tane yerden geldi. 1. olarak resim eklerken yapılan eksik kodlama: w3 standartlarına göre her koydugunuz bir resime bir açıklama girmek zorundasınız.eğer siteniz bir resim galeri sistesi ise ve siz eklediğiniz resimlerde tanıtım yazısı kullanmıyorsanız 1 sayfada 200 resim olsa 200 den fazla hata vericektir validator. resim eklerken yazacagınız sadece 6 kadakterlik bir kod Kod: <img src="xxx.jpg" width="xx" height="xx"/> kullandıgımız bu kod her tarayıcıda hatasız olarak çalışır ancak sitemizi google'a sevdirmemiz için bunu şu şekilde yapıyoruz Kod: <img src="xxx.jpg" width="xx" height="xx" alt="RESİM AÇIKLAMASI"/> eğer resime açıklama koymak çok sıkıcı ve zor geliyorsa Kod: <img src="xxx.jpg" width="xx" height="xx" alt=""/> olarak da bırakabilirsiniz w3 bu kodu da kabul eder ancak sağlıklı bir kodlama olması için açıklama girmeniz lehinize olacaktır. 2. karşılaştıgım hata ise tek satır tagları kapatmada meydana gelen kod hatalarıdır.<link> , <img> , *** gibi belli başlı taglar genelde tek satırlık kodlardır yani <div> </div> şekilnde 2 tag kullanmadıgımız yerler vardır. Kod: <link rel="stylesheet" href="style.css" type="text/css" media="screen"> Kod: <link rel="stylesheet" href="style.css" type="text/css" media="screen"/> yukarıdaki 2 kod aynı işlevi görür 1. kodda validatorde hata alırken 2. kodda hata almazsınız. tek satırlık taglarda bitirişi /> şiklinde yapmalısınız. YANLIŞ Kod: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" > DOĞRU Kod: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> YANLIŞ Kod: <img src="ixcfas.png" width="105" height="37" > YANLIŞ Kod: <img src="ixcfas.png" width="105" height="37" /> YANLIŞ Kod: <img src="ixcfas.png" width="105" height="37" alt=""> DOĞRU Kod: <img src="ixcfas.png" width="105" height="37" alt=""/> 3.sırada ise tablo kullananlarda tablo biçimlendirmede yapılan hatalardır. örnek olarak bir tablomuz var ve biz bu tablomuzun arka planını ya da yüksekliğini değiştirmek istiyoruz.. PHP- Kodu: `<table bgcolor="#cccccc" style="#width:14px;"height="123"> </table>` bu kodda yapılan bir sitede bu satırda hata vermesi olasıdır.bununun en pratik şekilde düzeltimi şu şekildedir. Kod: <table style="background:#cccccc; height:123px; width:14px;"> </table> gibi... özellikle php kodlama ile birlikte tasarım yapıyorsanız ve w3 kurallarına da önem veriyorsanız önce tasarımı bitirerek validator il teste sokun geğer geçer not verirse programlamasına geçin aksi takdirde w3 de verilen hatalardaki satır numaralarından takip edemez ve çok zaman kaybınız olur. w3 kodlamayı umursamayan kişilere ise tavsiyem bir an önce w3 standartlarına göre kendilerini alıştırmalarıdır. bende daha yeni yeni benimsedim ve site tüm tarayıcılara uyumlu mu gibi bir derdim olmuyor + yapılan işin 4-4 lük olduguna inanıyorum ve google inanılmaz şekilde sitenizi yükseltiyor. karşılaştıgım yeni hatalar olursa konu altından devam ettireceğim. eğer sizinde bu şekilde karşılaştıgınız hatalar var ise yazarsanız daha faydalı olacagını düşünüyorum. okuyan ve yorumlayan herkese teşekkürler. NOT : ALINTIDIR...** .Bu Da Benim Farkım Olsun. NET'i Bıraktım. Destek Vermiyorum.

11-22-2010, 12:57 PM	#3 (permalink)
ByİkİzLeR Vip Üye Date: Sep 2009 Mesajlar: 933 Tecrübe Puanı: 25	ne demek kardeşim bol şanslar .Bu Da Benim Farkım Olsun. NET'i Bıraktım. Destek Vermiyorum.

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
Stil
Normal Hybrid-Şeklinde gösterime geç Ağaç şeklinde gösterime geç

11-21-2010, 06:18 PM	#2 (permalink)
By_Efsaneli Kayıtlı Üye Date: Dec 2009 Mesajlar: 337 Tecrübe Puanı: 3	helal olsun kardesim emegine saglik

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)