XHTML - HTML arasındaki farklar nelerdir?

2

HTML(Hyper Text Markup Language) günümüzde İnternet üzerinde veri paylaşımı için kullanılan en yaygın metin tabanlı dildir.

XHTML(Extensible HyperText Markup Language) Genişletilebilir Büyütülmüş Metin İşaretleme Dili istemci taraflı(client side) bir metin işaretleme dilidir.

XHTML - HTML arasındaki farklar nelerdir?

XHTML kullanmanın avantajları nelerdir?

Neden XHTML kullanmalıyım?

ergin ergin (2479)
4 yıl önce sordu

Toplam 2 Cevap


0

XHTML - HTML arasındaki farkları kolayca anlayabilmek için HTML bilgisine sahipseniz XHTML çok kolay olduğunu görüceksiniz. Çünkü yüksek bir oranda aynı taglar kullanılmaktadır. XHTML’nin belli başlı standartları ve uyulması gereken şartları bulunmaktadır. XHTML HTML’in genişletilmiş ve daha işlevsel olan bir versiyonudur.

Neden XHTML Kullanmalıyız?

HTML dilinin zaman içerisinde birçok versiyonu ortaya çıkmıştır. Her çıkan versiyonda yeni tag(etiket)’ler eklenmiş ve bir kısım etiketler kaldırılmıştır. Bu da bir takım karışıklıklara sebep olmuştur. HTML ile web sayfası hazırlanırken uyulması gereken kurallar daha gevşek olup bir takım sıkıntıları beraberinde getirmektedir. HTML dilinde katı kurallar olmadığından çoğu zaman ortaya kötü yazılmış ve farklı platformlarda aynı ve düzgün bir şekilde gösterilemeyen web sayfaları ortaya çıkmaktadır. XHTML ise belli başlı standartları ve uyulması gereken şartları bulundurarak daha temiz, anlaşılır kod yazmayı ve farklı platformlarda düzgün bir şekilde gösterilen web sayfalarını ortaya çıkarmaktadır.

XHTML’nin Avantajları

  • XHTML ile web sayfası hazırlanırken belli katı kurallara uyulması gerektiğinden daha hızlı açılan sorunsuz web sayfaları oluşturulabilir.
  • Kod ekranının mecburi olarak daha düzenli ve anlaşılır bir görünümü mevcuttur.
  • Gereksiz kodlardan arınıktır.
  • XHTML’i çoğu tarayıcılar tanır.
  • XML ile entegre olarak çalışmaktadır.
  • Arama motorları tarafından daha kolay indekslenir.
  • SEO için XHTML kullanılması gerekmektedir.
     

XHTML - HTML arasındaki farklara bakıcak olursak;

Küçük harf kullanımı
Normal HTML’de büyük yada küçük harf hiç farketmezken hiçbir kural bulunmamaktadır. XHTML özellikle küçük harf konusunda çok titiz davranmaktadır.

 HTML

<BODY>
    <P>uzmanım.net</P>
</BODY>


XHTML

<body>
    <p>uzmanım.net</p>
</body>

 
Tüm XHTML etiketleri kapanmalıdır
XHTML tüm taglar kapatılmalıdır. Açık tag kalmamalıdır. Örneğin bazı taglar tek başına kullanılır (br , hr, img) bu taglarda XHTML’de kapatılmalıdır.

HTML

<br>
<hr>
<p>uzmanım.net
<image href="resim.jpg">


XHTML

<br />
<hr />
<p>uzmanım.net</p>
<img src="resim.jpg" alt="uzmanım.net" />


Etiketler düzgün biçimde iç içe geçmelidir
Açılan taglar sırası ile kapatılmalıdır.

HTML

<strong><i>uzmanım.net</strong></i>


XHTML

<strong>
    <i>uzmanım.net</i>
</strong>

 
Parametre isimleri küçük harf olmalıdır

HTML

<table WIDTH="50%">


XHTML

<table width="50%">


Parametre değerleri tırnak işareti içinde olmalıdır
HTML’de bu konuda bir şart bulunmamaktadır. Tırnak içinde kullanmadan parametre değerleri verilebiliyordu. XHTML ise şartlar getirmektedir.

HTML

<BODY>
    <div width=100%>uzmanım.net</div>
</BODY>


XHTML

<body>
    <div width="100%">uzmanım.net</div>
</body>


Kapatılan taglara / işaretinden önce boşluk bırakmak
XHTML ile tagları kapatırken / işaretinden önce bir boşluk bırakmanız gerekmektedir. Bu tarayıcılar ve arama motorları tarafından kabul edilmiş bir standarttır. 

HTML

<br/>
<hr/>
<image href="resim.jpg" title="uzmanım.net"/>


XHTML

<br />
<hr />
<image href="resim.jpg" title="uzmanım.net" />


Parametre sadeleştirme
HMTL ile özellikle Form parametrlerinde bazı kolaylıklar vardı. Örneğin checked parametresini kullanarak bir radio buttonu seçili hale getirebiliyorduk. XHTML ‘de bu olay kaldırılmıştır.

HTML

<input checked>
<option selected>


XHTML

<input checked="checked" />
<option selected="selected" />


Link ve Resim eklerken bir başlık girilmelidir
Özellikle arama motorları için ve standartlara uymak için bunu yapmanız gerekmektedir. Title parametresi ile resim veya link hakkında tarayıcıya bilgi vermemiz gerekmektedir.

HTML

<image href="resim.jpg">
<a href="http://uzmanim.net">


XHTML

<image href="resim.jpg" title="uzmanım.net" />
<a href="http://uzmanim.net" title="uzmanim.net" />


'id' parametresi 'name' parametresinin yerine geçer
HTML döneminde taglara isim verirken Name parametresi kullaniliyordu. Id parametresi ise ikinci bir olasilik veya javascript ağırlıklıydı fakat XHTML genel tanımlamada Id parametresini kullanmamız gerekiyor.

HTML

<img src="resim.jpg" name="resim" />


XHTML

<img src="resim.jpg" id="resim" />


XHMTL DTD zorunlu elemanları tanımlar
XHTML kodlamanın ilk başına DOCTYPE (DTD) eklememiz gerekiyor. Tüm XHTML dökümanlarının DOCTYPE tanımlama zorunluluğu vardır. HTML , Head ve Body bulunmalı ve Title , Head içinde yer almalıdır.

HTML

<html>
<head>
<title>uzmanım.net</title>
<body>
<div>uzmanım.net</div>
</body>
</html>


XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head> 
        <meta http-equiv="content-type" content="text/html; charset=utf-8;" />
        <title>uzmanım.net</title> 
    </head>
    <body>
        <p>uzmanım.net</p>
    </body>
</html>

 
DOCTYPE zorunlu olarak mevcut olmalıdır

Geçerli 3 adet XHTML döküman tipi bulunmaktadır. bunlardan uygun olanı belirtmemiz gerekmektedir.

1. XHTML Strict DTD (Katı XHTML)

XHTML Strict eğer standartlara uygun kod yazmak istiyorsanız ve sayfanıza görünüm vermek için CSS (Cascading Style Sheets) kodlarını kullanacaksanız bu tipi seçmeniz gerekmektedir. XHTML Strict DTD kullanacağınız HTML kodlarınızın başına eklemeniz gereken kod;

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


2. XHTML Transitional DTD (Geçiş XHTML)

XHTML Transitional DTD eğer standartlara uygun kod yazmak istiyorsanız ve XHTML’in görünüm yeniliklerini yani CSS’i kullanmayacaksanız. XHTML Strict, <font> <u> gibi etiketleri desteklemez.

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


3. XHTML Frameset DTD (Çerçeveli XHTML)

XHTML Frameset DTD eğer standartlara uygun bir kod yazmak istiyor ve sayfanız çerçeveli bir tasarıma sahip ise bu döküman tipini kullanmanız gerekmektedir.

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

 

ergin ergin (2479)
4 yıl önce cevaplandı

0

10 numara faydalı bir yazı olmuş. Emeği geçenlerden allah razı olsun. Aydınlandım..

isyan isyan (1)
2 yıl önce cevaplandı

üyelik gerektirir

Cevap yazabilmek için üye girişi yapmalısınız.

Eğer uzmanim.net üyesiyseniz giriş yapabilirsiniz: üye girişi yap
uzmanim.net'e üye olmak çok kolaydır: hemen kayıt ol