XHTML - Sözdizimi

XHTML sözdizimi HTML sözdizimine çok benzer ve neredeyse tüm geçerli HTML öğeleri XHTML'de de geçerlidir. Ancak bir XHTML belgesi yazarken, HTML belgenizin XHTML ile uyumlu olmasına biraz daha dikkat etmeniz gerekir.

Yeni bir XHTML belgesi yazarken veya mevcut HTML belgesini XHTML belgesine dönüştürürken hatırlamanız gereken önemli noktalar şunlardır -

  • XHTML belgesinin başına bir DOCTYPE bildirimi yazın.

  • Tüm XHTML etiketlerini ve niteliklerini yalnızca küçük harf olarak yazın.

  • Tüm XHTML etiketlerini düzgün şekilde kapatın.

  • Tüm etiketleri düzgün şekilde yerleştirin.

  • Tüm öznitelik değerlerini alıntılayın.

  • Yasak Öznitelik minimizasyonu.

  • Değiştirin name ile öznitelik id öznitelik.

  • Kullanımdan kaldır language komut dosyası etiketinin özelliği.

İşte yukarıdaki XHTML kurallarının ayrıntılı açıklaması -

DOCTYPE Beyanı

Tüm XHTML belgelerinin başında bir DOCTYPE beyanı bulunmalıdır. XHTML Doctypes bölümünde ayrıntılı olarak tartışılan üç tür DOCTYPE bildirimi vardır. İşte DOCTYPE kullanmanın bir örneği -

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

Büyük küçük harf duyarlılığı

XHTML, büyük / küçük harfe duyarlı biçimlendirme dilidir. Tüm XHTML etiketlerinin ve niteliklerinin yalnızca küçük harflerle yazılması gerekir.

<!-- This is invalid in XHTML -->
<A Href="/xhtml/xhtml_tutorial.html">XHTML Tutorial</A>

<!-- Correct XHTML way of writing this is as follows -->
<a href="/xhtml/xhtml_tutorial.html">XHTML Tutorial</a>

Örnekte, Href ve bağlantı etiketi A küçük harf değildir, bu yüzden yanlıştır.

Etiketleri Kapatmak

Her XHTML etiketinin eşdeğer bir kapanış etiketi olmalıdır, boş öğelerin bile kapanış etiketleri olmalıdır. Etiketleri kullanmanın geçerli ve geçersiz yollarını gösteren bir örnek:

<!-- This is invalid in XHTML -->
<p>This paragraph is not written according to XHTML syntax.

<!-- This is also invalid in XHTML -->
<img src="/images/xhtml.gif" >

Aşağıdaki sözdizimi, XHTML'de etiketlerin üzerine yazmanın doğru yolunu gösterir. Fark şu ki, burada her iki etiketi de doğru şekilde kapattık.

<!-- This is valid in XHTML -->
<p>This paragraph is not written according to XHTML syntax.</p>

<!-- This is also valid now -->
<img src="/images/xhtml.gif" />

Öznitelik Alıntıları

XHTML özelliklerinin tüm değerleri alıntılanmalıdır. Aksi takdirde, XHTML belgeniz geçersiz bir belge olarak kabul edilir. İşte sözdizimini gösteren örnek -

<!-- This is invalid in XHTML -->
<img src="/images/xhtml.gif" width=250 height=50 />

<!-- Correct XHTML way of writing this is as follows -->
<img src="/images/xhtml.gif" width="250" height="50" />

Öznitelik Minimizasyonu

XHTML, özniteliklerin en aza indirilmesine izin vermez. Bu, niteliği ve değerini açıkça belirtmeniz gerektiği anlamına gelir. Aşağıdaki örnek farkı göstermektedir -

<!-- This is invalid in XHTML -->
<option selected>

<!-- Correct XHTML way of writing this is as follows -->
<option selected="selected">

Aşağıda, HTML'deki küçültülmüş özniteliklerin bir listesi ve bunları XHTML'de yazmak için ihtiyaç duyduğunuz yol bulunmaktadır -

HTML Stili XHTML Stili
kompakt kompakt = "kompakt"
kontrol işaretlendi = "işaretlendi"
bildirmek declare = "declare"
Sadece oku readonly = "salt okunur"
engelli devre dışı = "devre dışı"
seçildi seçili = "seçildi"
ertelemek defer = "erteleme"
ismap ismap = "ismap"
nohref nohref = "nohref"
noshade noshade = "noshade"
şimdi tuzak nowrap = "nowrap"
çoklu multiple = "multiple"
küçültmek noresize = "noresize"

id Özellik

İd özniteliği, ad özniteliğinin yerini alır. Name = "name" kullanmak yerine XHTML, id = "id" kullanmayı tercih eder. Aşağıdaki örnek nasıl olduğunu gösterir -

<!-- This is invalid in XHTML -->
<img src="/images/xhtml.gif" name="xhtml_logo" />

<!-- Correct XHTML way of writing this is as follows -->
<img src="/images/xhtml.gif" id="xhtml_logo" />

dil Özellik

Komut dosyası etiketinin dil özelliği kullanımdan kaldırıldı. Aşağıdaki örnek bu farkı göstermektedir -

<!-- This is invalid in XHTML -->

<script language="JavaScript" type="text/JavaScript">
   document.write("Hello XHTML!");
</script>

<!-- Correct XHTML way of writing this is as follows -->

<script type="text/JavaScript">
   document.write("Hello XHTML!");
</script>

Yuvalanmış Etiketler

Tüm XHTML etiketlerini düzgün şekilde yerleştirmelisiniz. Aksi takdirde, belgeniz yanlış bir XHTML belgesi olarak kabul edilir. Aşağıdaki örnek sözdizimini gösterir -

<!-- This is invalid in XHTML -->
<b><i> This text is bold and italic</b></i>

<!-- Correct XHTML way of writing this is as follows -->
<b><i> This text is bold and italic</i></b>

Öğe Yasakları

Aşağıdaki elemanların içinde başka herhangi bir elemanın bulunmasına izin verilmez. Bu yasak, tüm yuvalama derinlikleri için geçerlidir. Yani, tüm inen unsurları içerir.

Eleman Yasak
<a> Başka <a> öğeleri içermemelidir.
<pre> <img>, <object>, <big>, <small>, <sub> veya <sup> öğelerini içermemelidir.
<button> <input>, <select>, <textarea>, <label>, <button>, <form>, <fieldset>, <iframe> veya <isindex> öğelerini içermemelidir.
<label> Başka <label> öğeleri içermemelidir.
<form> Diğer <form> öğeleri içermemelidir.

Minimal XHTML Belgesi

Aşağıdaki örnek size bir XHTML 1.0 belgesinin minimum içeriğini gösterir -

<?xml version="1.0" encoding="UTF-8"?>

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

<html xmlns="http://www.w3.org/TR/xhtml1" xml:lang="en" lang="en">
   <head>
      <title>Every document must have a title</title>
   </head>
	
   <body>
      ...your content goes here...
   </body>
</html>