XHTML'ye nasıl yükseltilecektir?

Web sitenizi nasıl XHTML'e yükseltebilirsiniz?

Sitenizi HTML'den XHTML'e dönüştürmek için, önce önceki bölümlerde anlatılan XHTML dil kurallarını iyi bir şekilde tanımalısınız.

Aşağıdaki adımları detaylı olarak açıklayacağız.

Dosya türü beyanını ekleyin

Aşağıdaki dosya türü beyanını her sayfanın ilk satırına ekleyin:

!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Dikkat:Bu site (codew3c) sıkı DTD'yi kullanmaktadır. Ancak geçiş DTD'sini kullanmak da iyi bir seçim olabilir, çünkü çoğu başlangıç geliştiricisi için sıkı DTD

Farklı dosya türü bildirimlerine göre, yeni tarayıcıların belgeleri işleme şekilleri de farklıdır. Tarayıcı bir dosya türü bildirimi okursa, belgeyi

Küçük harf etiketleri ve özellik adları

XHTML büyük/küçük harfe duyarlıdır ve XHTML sadece küçük harf HTML etiketleri ve özellik adlarını kabul eder, bu yüzden tüm büyük harf etiketlerini küçük harfe dönüştürmek için basit bir arama ve değiştirme komutu çalıştırabilirsiniz. Ayrıca, özellik adlarını da aynı şekilde işleyin. Kendi web sitemizde küçük harfler kullanıyoruz, bu yüzden değiştirme fonksiyonu çok fazla kullanılmaz.

Tüm özelliklere çift tırnak ekleyin

W3C XHTML 1.0 standartında tüm özellik değerlerinin çift tırnak içinde olmasının gerektiği için, bu ayrıntıyı daha önce fark etmemişseniz, web sitenizi sayfa başına kontrol etmeniz gerekecek. Bu, zaman alıcı bir iş olabilir, bu yüzden özellik değerlerine çift tırnak eklemeyi unutmayın.

Boş etiketler: <hr> , <br> ve <img>

XHTML'te boş etiketler (Empty tags) kullanılmaz. <hr> ve <br> etiketleri <hr /> ve <br /> olarak değiştirilmelidir.

Bu, yeni bir sorunu da ortaya çıkarır, Netscape <br/> etiketini yanlış okuyabilir. Nedenin ne olduğunu bilmiyoruz, ancak <br /> olarak değiştirdiğinizde sorun yoktur. Bu noktayı anladıktan sonra, etiketleri yeniden arama ve değiştirme fonksiyonunu kullanarak etiketleri bir kez daha değiştirmeniz gerekecek.

Diğer bazı etiketler (örneğin <img> etiketi) de yukarıda belirtilen aynı sorunlarla karşılaşabilir. <img> etiketini kapatmak için kapanış etiketi kullanmayın, etiketin sonuna / > ekleyin.

Siteyi doğrula

Tüm bu işlemleri tamamladıktan sonra, aşağıdaki bağlantıyı kullanarak tüm değiştirilmiş sayfaları resmi W3C DTD'ye göre doğrulayın: XHTML DoğrulayıcıSonunda, birkaç hata daha bulunabilir, bu hataları (elle) tek tek düzeltin. Deneyimlerimize göre, en kolay hata listelerde </li> etiketini atlamaktır.

Dönüşüm araçlarını (örneğin TIDY) kullanmalı mıyız? Evet, TIDY'yi kullanabiliriz.

Dave Raggett'in HTML TIDYHTML kodlarını temizlemek için ücretsiz bir araçtır. Özel HTML kod düzenleyici ve dönüşüm araçları tarafından oluşturulan, okunması zor olan HTML kodlarıyla çalışırken TIDY hala çok iyi bir iş çıkarır. Ayrıca, web sitesinde daha fazla çaba harcanması gereken yerleri bulmanıza yardımcı olabilir, bu da engelli bireyler için web sayfalarının daha fazla erişilebilirliğini sağlar.

Neden Tidy kullanmadık? Bu web sitesini oluştururken, XHTML'ye son derece aşinaydık. O zaman küçük harflerle etiket kullanmayı ve özelliklere tırnak eklemeyi biliyorduk. Bu yüzden web sitesi test sürecinde, sadece W3C'nin XHTML doğrulayıcısı ile test ettik ve birkaç hata düzelttik. Daha da önemlisi, Tidy tarzı HTML kodu yazmak hakkında birçok şey öğrendik.

Ders Dışı Okuma

XHTML sayfaları için yapılandırma hakkında daha derinlemesine bilgi edinmek istiyorsanız, okuyun <XHTML Yapılandırma》。