XHTML Hataları ve Çözümleri

Kerem · 06 Eylül 2022, 02:18:56

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ış:

<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 "&" 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..

Kaynak

Kerem · 06 Eylül 2022, 02:20:07

Uzun süredir bakmadığım bir konuydu, ilk fırsatta burası için düzeltmeleri de yapacağim.

Mişa · 06 Eylül 2022, 06:04:26

html kapatmaları ^ / bu işaret.. ben bunu bir müşterinin paneline wfl koruması için kodlamıştım haliyle html, php giydirmesi olduğu için çok alt satıra geçecek yer vardı.. kapatmayı * Ters \ olarak yapmışım 19 satırda'da nereden baksan toplam 70 civarı vardı' F kalvye ile yaptığımız için tersini koymak kolay bize..

O şekilde müşteriye postaladım.. kendimden eminim ya sayfayıda test demoda açmamıştım kodları girip e postalamıştım..
Şirketin sahibine demişler o yazılımcı kimse kovun tazminatını ben vericem diye benim için demiş

Sordular bana niye öyle yaptın diye.. dedim kapatmalar ters değilmiydi fksjjkgh biliyorum ama dalmışım öyle bi dediydim kahkaha atıldıydı.. ondan öncesi bunların bir çok müşterisine aynı şekil yaptım çünkü hatasız onu öyle yapmam garip olmuştu..

Html ve php kodlaması çok basit birşey ben bayılıyorum klavyeye bakmadan yazıyorsun birde sakin sakin' göz terapisi oluyor.. tek sıkıntı parantez, tırnak, noktalama ve ölü kod yolu yani url açma..
div' setleri'de zevkli

Bu arda html' de büyük harf kullanılaz denmişte kullanılır yerine göre.. ham işlemede kullanılmaz işlenmiş tabanda kullanırsan otomatik o küçültülür zaten..

Mişa · 06 Eylül 2022, 06:07:03

XHTML kocaman başlığın X' ini görmemişim siz kendinize göre uyarlayıp anlayın yorumu'mu artık napiyim

Kerem · 06 Eylül 2022, 08:40:45

X önemli tabi ki

Hiç aklıma gelmemişti xhtml hatalarını düzeltmek dün konuyu görünce aklıma düştü. Hem kaynak olsun hemde unutmayayım diye ekledim.

ForumSever

XHTML Hataları ve Çözümleri

Kerem

06 Eylül 2022, 02:18:56 Son düzenlenme: 23 Haziran 2023, 16:52:24 Kerem

Kerem

06 Eylül 2022, 02:20:07 #1 Son düzenlenme: 23 Haziran 2023, 16:52:49 Kerem

Mişa

06 Eylül 2022, 06:04:26 #2

Mişa

06 Eylül 2022, 06:07:03 #3

Kerem

06 Eylül 2022, 08:40:45 #4 Son düzenlenme: 23 Haziran 2023, 16:53:02 Kerem

Benzer Konular (2)

HAKKIMIZDA

ÖNEMLİ LİNKLER

İLETİŞİM