| vBulletin Konu anlatımları - Makaleler Eklenti olmadan vBulletin'de yapılabilcek konu anlatımları ve ince ayarlar |
 |
|
|
LinkBack | Seçenekler | Stil |
10-17-2009, 03:00 PM
|
#1 (permalink) |
|
Misafir  Mesajlar: n/a |
W3 XHTML Hataları ve Çözümleri
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ış: Kod:
<SCRIPT type=text/javascript>
veya Kod:
<BR />
vb... Doğru: Kod:
<script type=text/javascript>
veya Kod:
<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ış: Kod:
<br>
veya Kod:
<meta name="googlebot" content="index, follow">
veya Kod:
<img alt="" src="RESİM" width="158" height="233">
Doğru: Kod:
<br />
veya Kod:
<meta name="googlebot" content="index, follow" />
veya Kod:
<img alt="" src="RESİM" width="158" height="233" />
3. <img> tagları herzaman bu kodu içermelidir ==> alt="" Yanlış: Kod:
<img src="RESİM" width="158" height="233" />
Doğru: Kod:
<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ış: Kod:
<td width="150" height="50"></td>
Doğru: Kod:
<td class="deneme"></td>
style.css dosyanız da ise: Kod:
.deneme {
Kod:
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ış: Kod:
valign="center"
Doğru: Kod:
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ış: Kod:
<font size="5" color="#000000"></font>
Doğru: Kod:
<span class="deneme"></span>
style.css dosyanız da ise: Kod:
.deneme {
Kod:
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: Kod:
<table>
Kod:
<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 "&" 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ış: Kod:
<img alt="" src="RESİM" align="left" width="102" height="55" class="img" />
Doğru: Kod:
<img alt="" src="RESİM" width="102" height="55" class="img" />
12. Tırnaklama işaretlerini kullanmalısınız. Yanlış: Kod:
<img alt="" src="RESİM" width=102 height=55 class=img />
kalın kısımdaki yerlere dikkat ediniz. Doğru: Kod:
<img alt="" src="RESİM" width="102" height="55" class="img" />
yani neymiş tırnak işaretlerini unutmuyormuşuz. 13. Kodlama da küçük harf kullanmaya özen gösterin, Büyük harf XHTML hatalarına neden olabilir. NOT: 1-2 tane eksik olabilir 
|
|
|
|
|
10-17-2009, 06:51 PM
|
#4 (permalink) |
|
www.MuRaTCaN25.com 
 Date: May 2009 Mesajlar: 3.720Tecrübe Puanı: 1000
  |
benim bunu çok detayli yapmam gerek
 Kader ızdırap ağını, Ömrüme örer gibi Mutluluk senin neyine, Gerek der gibi...  www.MuRaTCaN25.com ~~ www.XpLaNSeR.com =) Mp3Cagi.org - www.Mp3Cagi.Biz ~~ / MuRaTCaN  |
 
|
|
|
10-17-2009, 07:04 PM
|
#6 (permalink) |
|
www.MuRaTCaN25.com
Date: May 2009 Mesajlar: 3.720Tecrübe Puanı: 1000
|
Yani siteme uygulamam gerek dedim
Kader ızdırap ağını, Ömrüme örer gibi Mutluluk senin neyine, Gerek der gibi... www.MuRaTCaN25.com ~~ www.XpLaNSeR.com =) Mp3Cagi.org - www.Mp3Cagi.Biz ~~ / MuRaTCaN |
|
|
|
Normal
