xHTML Nedir? Özellikleri Nelerdir? Farkları Nedir?


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ı
  • 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.
Standartları:

---------------------------------------------------------------
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ı
Doğrusu:


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">
Doğru Kullanım:


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>
Doğru kullanım:


Kod:
<div id="header"><b>Header</b></div>
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:


Kod:
<Font color="yellow">Sarı yazı</FonT>
<B>Kalın yazı</b>
<IMG src="power.gif">
Doğru kullanımları:


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>
Doğru kullanım:


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>
Doğru kullanım:


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>
Doğru kullanım:


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>
Doğru olanı:


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"/>
Doğru kullanımlar:


Kod:
<a id="Başlıksız Sayfa">
<img src="poweravatar.png" id="Avatar"/>

Hiç yorum yok :

Yorum Gönder