Konuya başlamadan, en önemli şeylerden birisinin sitenizde, herkesin ne aradığını bulmasını sağlamak olduğunu belirtmek isterim. Yine en başta önemli olan şey içeriğiniz ve dizaynınızdır. Bunun yanında şunlar sizin için geçerli mi, kendinize bir sorun:
  • Siteniz herhangi bir okuyucuda doğru çalışıyor mu?
  • Başka bir web geliştiricisi kodlarınıza baktığında onu uğraştırıyormu? (Burda söylemek istediğim kodlarınızın sayfada dağınık olarak yer alması)
  • Sitenizin stili tüm tarayıcılarda sorunsuz çalışıyor mu
  • ...
Bunlar gibi bir çok sorunu alt etmemiz [ Linki görebilmek için buraya tıklayıp foruma üye olmalısınız ] uyumundan geçiyor.


Click here to enlarge



Gelin 10 Adımda XHTML Uyumlu Sitenizi Web Standartlarına Göre hazırlama makalemize beraber göz atalım.

1. Doğru Dosya Tipi Bildirimini(DOCTYPE) Açıkça Belirtmelisiniz

Click here to enlarge


Kriter.
The Dosya Tipi Bildirimi (DOCTYPE) açıklaması sayfanın en üstünde yer alır. DOCTYPE tarayıcının sayfayı nasıl doğru açacağını belirtir.


Buna neden ihtiyacım var?
DOCTYPE bildirimi olmaz ise, tarayıcınız otomatik olarak sayfaya DOCTYPE ataması yapar.Bu sayfanızın yavaş açılmasına ve sayfanın tutarsızc, doğru olamdan çeşitli tarayıcılarda çalışmasına sebep olabilir. Tutarlılık oyunumuzun ana amacıdırClick here to enlarge


Peki, şimdi ne yapmalıyım?
Sayfanızın en üstüne doğru DOCTYPE içeriğini girin. XHTML 1.1 için gerekli iken XHTML 1.0 standardında isteğe bağımlı seçenektir.

  • XHTML 1.1
    En temiz yol kodu websitenize yerleştirmektir. Website için tüm sitl eksternal CSS dosyaları içeirisnde barındırılır. XML bildiriminin en üste eklendiğinden emin olun, Bu olmazsa olmazdır çünkü XHTML 1.1 doğru XML ile nitelendirilir.
PHP- Kodu:
<?xml version="1.0" encoding="UTF-8"?><br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Not: XHTML 1.1 kullanıyorsanız, Internet Explorer 6 kullanan ziyaretçileriniz için XML belirtisini dahil etmeyin.Onun yerine, IE6 kullanıcılarını desteklemek için, koşullu belirteçler kullanın.

  • XHTML 1.0 Değişmezi
    XHTML 1.1 alternatifidir. Teknik farkları azdır, fakat ilerisi için XHTML 1.1kullanmanız tavisye edilir.
PHP- Kodu:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
İki adet XHTML 1.0 bildirimi daha mevcuttur.
  • XHTML 1.0 Geçişkeni
    CSS desteklemeyen tarayıcılar için sayfalarda kulanılan sistem.
PHP- Kodu:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  • XHTML 1.0 Frameset
    Use Frameset only on websites that require HTML frames. Of course, static CSS divisions should be used instead of HTML frames, right?
PHP- Kodu:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 
2.Ad boşluğu ve Varsayılan Dili Belirleme

Click here to enlarge

Kriter.

XHTML adboşluğu ve varsayılan dil <html> elementinin içinde yer almalıdır.


Buna neden ihtiyacım var?
XHTML websiteler varsayılan adboşluğu içermelidirler. Bir adboşluğu sayfa içerisinde kullanılan tüm elementleri tanımlar. Varsayılan dili ayarlayarakSetting a default language allows a screen reader to tell the visitor which language the page is in without even seeing the content. It is also required by W3C standards.

Okay, so what do I do?
Append the xmlns and lang attributes to the <html> element. In XHTML 1.1, the lang attribute is xml:lang.

  • XHTML 1.1
PHP- Kodu:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
  • XHTML 1.0
PHP- Kodu:
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">