XHTML, HTML dilini ortadan kaldırmaz, sadece bir kavramıdır. İçinde yine HTML etiketleri kullanılabilir.
Avantajları
- Tarayıcılar kodları daha çabuk algılar ve sayfa daha hızlı açılır.
- Kodlar, bütün tarayıcılarda sorunsuz çalışır. Herhangi bir aksaklık olmaz.
- Arama motorları XHTML ile hazırlanmış sayfaları daha kolay indexler ve tam not verir. Sayfa daha üst sıralara çıkar.
---------------------------------------------------------------
XHTML sayfaları bir DOCTYPE tanımlaması içermek zorundadır.
Bu tanımlama şöyledir:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transional.dtd">
Bu tanımlamalara DTD tanımlaması denir. Daha çeşit tanımlamaları var ama ben çok fazla detaya girmek istemiyorum.
---------------------------------------------------------------
XHTML sayfalarında XML tanımlaması yapılmalıdır.
Aşağıdaki gibi tanımlanır.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
---------------------------------------------------------------
XHTML sayfalarında mutlaka 5 temel etiket bulunmak zorundadır.
5 Temel Etiket:
doctype
html
head
title
body
Yani sayfanın temel yapısı aşağıdaki gibi olmak zorundadır.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transional.dtd">
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
İçerik (Content)
</body>
</html>
---------------------------------------------------------------
Her etiket mutlaka kapatılmalıdır.
XHTML sayfalarında etiketler mutlaka kapatılmak zorundadır.
Aşağıdaki kod kullanımı yanlıştır.
<font color="red">Kırmızı Yazı
<font color="red">Kırmızı Yazı</font>
Kapatılma etiketi olmayan etiketlerin sonuna / işareti konulmak zorundadır.
Yanlış Kullanım:
<br> <hr> <img src="resim.png">
<br/> <hr/> <img src="resim.png"/>
---------------------------------------------------------------
Etiketlerin kapatma etiketleri düzgün yerleştirilmelidir.
Aşağıdaki kullanım yanlıştır:
<div id="header"><b>Header</div></b>
<div id="header"><b>Header</b></div>
---------------------------------------------------------------
Etiketler küçük harfle yazılmalıdır.
Aşağıdaki kullanım yanlıştır:
<Font color="yellow">Sarı yazı</FonT>
<B>Kalın yazı</b>
<IMG src="power.gif">
<font color="yellow">Sarı yazı</fonf>
<b>Kalın yazı</b>
<img src="power.gif">
Ayrıca etiketi içindeki özellik isimleri de küçük harfle yazılmalıdır.
Yanlış Kullanım:
<font STYLE="text-shadow: 0px 0px 8px red;">Kırmızı gölgeli yazı</font>
<font style="text-shadow: 0px 0px 8px red;">Kırmızı gölgeli yazı</font>
---------------------------------------------------------------
Özelliklerin içindeki değerler mutlaka tırnak içine alınmalıdır.
Yanlış kullanım:
<div class=footer>Alt Kısım</div>
<div class="footer">Alt Kısım</div>
---------------------------------------------------------------
Özellikler kısa bir formatta yazılamaz.
Yanlış kullanım:
<video src="videom.mp4" width="500" height="500" controls></video>
<video src="videom.mp4" width="500" height="500" controls="controls"></video>
---------------------------------------------------------------
Sayfada sadece 1 kök element olmalıdır.
HTML sayfalarının kök elementi <html> etiketidir.
Sayfada birden fazla kullanılmamalıdır.
Aşağıdaki kullanım yanlıştır.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transional.dtd">
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
İçerik (Content)
</body>
</html>
<html2>
</html2>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transional.dtd">
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
İçerik (Content)
</body>
</html>
---------------------------------------------------------------
Etiketlerde name parametresi yerine id parametresi kullanılmalıdır.
Yanlış Kullanımlar:
<a name="Başlıksız Sayfa">
<img src="poweravatar.png" name="Avatar"/>
<a id="Başlıksız Sayfa">
<img src="poweravatar.png" id="Avatar"/>
0 yorum:
Yorum Gönder