XHTML,eXtensible HyperText Markup Language kelimelerinden üretilmiş bir kavramdır. HTML'den değişik bir programlama dili değildir. Sadece bir kavramdır. HTML'in eksikliklerini tamamlamak için tasarlanmış bir web standardıdır.
XHTML, HTML dilini ortadan kaldırmaz, sadece bir kavramıdır. İçinde yine HTML etiketleri kullanılabilir.
Avantajları
---------------------------------------------------------------
XHTML sayfaları bir DOCTYPE tanımlaması içermek zorundadır.
Bu tanımlama şöyledir:
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.
---------------------------------------------------------------
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.
---------------------------------------------------------------
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.
Doğrusu:
Kapatılma etiketi olmayan etiketlerin sonuna / işareti konulmak zorundadır.
Yanlış Kullanım:
Doğru Kullanım:
---------------------------------------------------------------
Etiketlerin kapatma etiketleri düzgün yerleştirilmelidir.
Aşağıdaki kullanım yanlıştır:
Doğru kullanım:
Yani ilk açılan etiket en son, son açılan etiket ise ilk önce kapatılmalıdır.
---------------------------------------------------------------
Etiketler küçük harfle yazılmalıdır.
Aşağıdaki kullanım yanlıştır:
Doğru kullanımları:
Ayrıca etiketi içindeki özellik isimleri de küçük harfle yazılmalıdır.
Yanlış Kullanım:
Doğru kullanım:
---------------------------------------------------------------
Özelliklerin içindeki değerler mutlaka tırnak içine alınmalıdır.
Yanlış kullanım:
Doğru kullanım:
---------------------------------------------------------------
Özellikler kısa bir formatta yazılamaz.
Yanlış kullanım:
Doğru kullanım:
---------------------------------------------------------------
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.
Doğru olanı:
---------------------------------------------------------------
Etiketlerde name parametresi yerine id parametresi kullanılmalıdır.
Yanlış Kullanımlar:
Doğru kullanımlar:
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:
Kod:
<!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.
Kod:
<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.
Kod:
<!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.
Kod:
<font color="red">Kırmızı Yazı
Kod:
<font color="red">Kırmızı Yazı</font>Kapatılma etiketi olmayan etiketlerin sonuna / işareti konulmak zorundadır.
Yanlış Kullanım:
Kod:
<br> <hr> <img src="resim.png">
Kod:
<br/> <hr/> <img src="resim.png"/>---------------------------------------------------------------
Etiketlerin kapatma etiketleri düzgün yerleştirilmelidir.
Aşağıdaki kullanım yanlıştır:
Kod:
<div id="header"><b>Header</div></b>
Kod:
<div id="header"><b>Header</b></div>---------------------------------------------------------------
Etiketler küçük harfle yazılmalıdır.
Aşağıdaki kullanım yanlıştır:
Kod:
<Font color="yellow">Sarı yazı</FonT>
<B>Kalın yazı</b>
<IMG src="power.gif">
Kod:
<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:
Kod:
<font STYLE="text-shadow: 0px 0px 8px red;">Kırmızı gölgeli yazı</font>
Kod:
<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:
Kod:
<div class=footer>Alt Kısım</div>
Kod:
<div class="footer">Alt Kısım</div>---------------------------------------------------------------
Özellikler kısa bir formatta yazılamaz.
Yanlış kullanım:
Kod:
<video src="videom.mp4" width="500" height="500" controls></video>
Kod:
<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.
Kod:
<!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>
Kod:
<!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:
Kod:
<a name="Başlıksız Sayfa">
<img src="poweravatar.png" name="Avatar"/>
Kod:
<a id="Başlıksız Sayfa">
<img src="poweravatar.png" id="Avatar"/>
Hiç yorum yok: