XHTML Grameri
- Önceki Sayfa XHTML v HTML
- Sonraki Sayfa XHTML DTD
XHTML kodu yazmak için saf HTML dilbilgisi gereklidir
Daha fazla XHTML dilbilgisi kuralı:
- Özellik adları küçük harflerle yazılmalıdır
- Özellik değerleri virgül içerir
- Özellikler kısaltılamaz
- name özelliği yerine Id özelliğini kullanın
- XHTML DTD, zorunlu olarak kullanılan HTML öğelerini tanımlar
Özellik adları küçük harflerle yazılmalıdır
Bu yanlış:
<table WIDTH
="100%">
Bu doğru:
<table width
="100%">
Özellik değerleri virgül içerir
Bu yanlış:
<table width=100%
>
Bu doğru:
<table width="100%"
>
Özellikler kısaltılamaz
Bu yanlış:
<input checked> <input readonly> <input disabled> <option selected> <frame noresize>
Bu doğru:
<input checked="checked" /> <input readonly="readonly" /> <input disabled="disabled" /> <option selected="selected" /> <frame noresize="noresize" />
Aşağıda, HTML'nin kısaltılmış özellik listesi ve XHTML'deki değişiklikleri bulabilirsiniz:
HTML | XHTML |
---|---|
compact | compact="compact" |
checked | checked="checked" |
declare | declare="declare" |
readonly | readonly="readonly" |
disabled | disabled="disabled" |
selected | selected="selected" |
defer | defer="defer" |
ismap | ismap="ismap" |
nohref | nohref="nohref" |
noshade | noshade="noshade" |
nowrap | nowrap="nowrap" |
multiple | multiple="multiple" |
noresize | noresize="noresize" |
name özelliğini id özelliği ile değiştirin
HTML 4.01, aşağıdaki elementler için name özelliği tanımlar: a, applet, frame, iframe, img ve map.
XHTML'de name özelliği kullanımı teşvik edilmez, bunun yerine id kullanılmalıdır.
Bu yanlış:
<img src="picture.gif" name
="picture1" />
Bu doğru:
<img src="picture.gif" id
="picture1" />
Önemli uyumluluk ipucu:
Eğer XHTML'nizi bugünkü tarayıcılarla uyumlu hale getirmek istiyorsanız, "/" işaretinden önce ek bir boşluk eklemelisiniz.
Dil özelliği (lang)
lang özelliği neredeyse tüm XHTML elementlerine uygulanır. Bu özellik, element içeriğinin kullanılan dil türünü tanımlar.
Eğer bir elementte lang özelliği kullanılırsa, ek bir xml:lang eklenmeli, böylece:
<div lang="no" xml:lang="no"
>Heia Norge!</div>
Zorunlu olarak kullanılan XHTML elementleri
Tüm XHTML belgeleri dosya türü beyanı (DOCTYPE declaration) yapmalıdır. XHTML belgelerinde html, head, body elementleri bulunmalıdır ve title elementi head elementi içinde yer almalıdır.
Aşağıda en küçükleştirilmiş bir XHTML dosya şablonu bulunmaktadır:
<!DOCTYPE Doctype goes here>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title goes here</title>
</head>
<body>
</body>
</html>
İpucu:Dosya tür beyanı XHTML belgesinin kendi bileşenlerinden biri değildir. Bu, bir XHTML elementi değildir ve kapalı etiket de yoktur.
İpucu:XHTML'te, <html> etiketi içindeki xmlns özelliği zorunludur. Ancak, XHTML belgesinde bu özellik olmadığı halde, w3.org doğrulama araçları hata bildirmez. Çünkü, "xmlns=http://www.w3.org/1999/xhtml" sabit bir değerdir ve kodunuza eklemeseniz de bu değer <html> etiketine eklenir.
Önümüzdeki bölümde XHTML belge tür beyanı hakkında daha fazla şey öğreneceksiniz.
- Önceki Sayfa XHTML v HTML
- Sonraki Sayfa XHTML DTD