HTML ve XHTML İlişkisi!
HTML ve XHTML İlişkisi!

XHTML, HTML olarak yazılmış XML’dir.

XHTML Nedir?

XHTML açılımı: EXtensible Hyper Text Markup Language.

XHTML, HTML ile neredeyse aynı

XHTML, HTML’den daha katıdır

XHTML, bir XML uygulaması olarak tanımlanan HTML’dir.

XHTML, tüm büyük tarayıcılar tarafından desteklenir.

Neden XHTML?

İnternetteki birçok sayfa “kötü” HTML içeriyor.

Bu HTML kodu çoğu tarayıcıda düzgün çalışır (HTML kurallarına uymasa bile):

<html>
<head>
  <title>Kötü HTML yapısı</title>

<body>
  <h1>Kötü html başlığı
  <p>Kötü html paragrafı
</body>

Günümüz pazarı farklı tarayıcı teknolojilerinden oluşmaktadır. Bazı tarayıcılar bilgisayarlarda, bazı tarayıcılar cep telefonlarında veya diğer küçük cihazlarda çalışır. Küçük cihazlar genellikle “kötü” işaretlemeyi yorumlayacak kaynak ve güçten yoksundur.

XML, belgelerin doğru bir şekilde işaretlenmesi gereken (“iyi biçimlendirilmiş”) bir işaretleme dilidir.

XHTML, HTML ve XML’in güçlü yönlerini birleştirerek geliştirilmiştir.

XHTML, XML olarak yeniden tasarlanan HTML’dir.

HTML’den En Önemli Farklar:

Belge Yapısı

  • XHTML’de DOCTYPE zorunludur
  • <html> içindeki xmlns niteliği zorunludur
  • <html>, <head>, <title> ve <body> zorunludur

XHTML Elemanları

  • XHTML öğeleri düzgün şekilde tamamlanmış olmalıdır
  • XHTML öğeleri her zaman kapalı olmalıdır
  • XHTML elemanları küçük harflerle yazılmalıdır
  • XHTML belgelerinin bir kök öğesi olması gerekir

XHTML Nitelikleri

  • Öznitelik adları küçük harf olmalıdır
  • Öznitelik değerleri belirtilmelidir
  • Özellik küçültme yasaktır

<! DOCTYPE ….> Zorunlu mu?

Bir XHTML belgesinde bir XHTML DOCTYPE bildirimi bulunmalıdır.

<html>, <head>, <title> ve <body> öğelerinin de bulunması gerekir ve <html> içindeki xmlns özniteliği belge için xml ad alanını belirtmelidir.

Bu örnekte, minimum gerekli etiketlere sahip bir XHTML belgesi gösterilmektedir:

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

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Title of document</title>
</head>

<body>
  some content
</body>

</html>

XHTML Öğeleri Düzgün İç İçe Yerleştirilmelidir

HTML’de, bazı öğeler şöyle sırayla birbirlerinin içine yerleştirilmiş olabilir, şöyle:

<b><i>This text is bold and italic</b></i>

XHTML’de, tüm elemanların birbirlerinin içine düzgün bir şekilde yerleştirilmesi gerekir, bunun gibi:

<b><i>This text is bold and italic</i></b>

XHTML Elemanları Her Zaman Kapalı Olmalı

Bu yanlış:

<p>This is a paragraph
<p>This is another paragraph

Doğru:

<p>This is a paragraph</p>
<p>This is another paragraph</p>

Boş Elemanlar da Kapatılmalıdır

Bu yanlış:

A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">

Doğru:

A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

XHTML Elemanları Küçük Harfli Olmalı

Bu yanlış:

<BODY>
<P>This is a paragraph</P>
</BODY>

Doğru:

<body>
<p>This is a paragraph</p>
</body>

XHTML Öznitelik Adları Küçük Harf Olmalı

Bu yanlış:

<table WIDTH="100%">

Doğru:

<table width="100%">

Öznitelik Değerleri (” “) işareti Almalı

Bu yanlış:

<table width=100%>

Doğru:

<table width="100%">

Özellik Küçültme Yasaktır

Yanlış:

<input type="checkbox" name="vehicle" value="car" checked />

Doğru:

<input type="checkbox" name="vehicle" value="car" checked="checked" />

Yanlış:

<input type="text" name="lastname" disabled />

Doğru:

<input type="text" name="lastname" disabled="disabled" />

HTML’den XHTML’ye Dönüştürme

  1. Her sayfanın ilk satırına bir XHTML <! DOCTYPE> ekleyin
  2. Her sayfanın html öğesine bir xmlns niteliği ekleyin
  3. Tüm eleman adlarını küçük harf olarak değiştir
  4. Tüm boş elemanları kapat
  5. Tüm özellik adlarını küçük harf olarak değiştirin
  6. Tüm özellik değerlerini alıntıla (” “).

W3C Doğrulayıcı ile HTML’yi Doğrula

Web sitenizin W3C sitesi ile standartlara uyumluluğunu kontrol edebilirsiniz.

HTML

“HTML ve XHTML İlişkisi!” için 2 cevap

  1. Duygu Yılmaz dedi ki:

    Html ile XHTML arasıdaki farkı iyi açıklamışsınız. Tebrikler.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir