HIZLI
TEKLİF AL
WEB TASARIM AJANSI TÜRKİYE

XHTML ve HTML5 Arasındaki Temel Farklar

  1. Anasayfa
  2. XHTML ve HTML5 Arasındaki Temel Farklar

XHTML vs HTML5

XHTML genişletilmiş işaretleme dilinin kısaltılmış ifadesidir. XHTML Web tabanlı uygulamalar geliştirmek için geleneksel XML ve HTML formatından oluşturulmuştur.
HTML5 ise şu an tüm dünyada HTML versiyonun en gelişmiş ve en son versiyonudur.

Kısacası XHTML, XML uygulaması olarak tanımlanan HTML versiyonudur. XHTML HTML ye göre daha katı işaretleme kurallarına sahiptir. Bu kurallardan birazdan aşağıda bahsedeceğim.

XHTML de aynı HTML gibi tüm web tarayıcıları tarafından desteklenmektedir.

 

 

Sayfa Başlıkları

XHTML e karşı HTML5 makalemizde XHTML ve HTML5 arasındaki temel farkları sizlere derinlemesine aktarmayktayız.

XHTML ve HTML Arasındaki Temel Farklar

  • XHTML’de !DOCTYPE bu şekilde yazımı zorunludur. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"   "http://www.w3.org/TR/html4/strict.dtd">
  • HTML5’te <!DOCTYPE HTML> bu şekilde yazım yeterli olmaktadır.
  • XHTML’de XMLNS ifadesi zorunludur. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  • XHTML de öğeler her zaman kapalı olmaldır. HTML de bu esnektir.
  • XHTML de öğeler her zaman düzgün bir şekilde yerleştirilmiş olmalıdır.
  • XHTML de etiketler ve attributes (öznitelikler) her zaman küçük harf olmak zorundadır.
  • XHTML de öznitelik öğeleri her zaman tırnak içerisinde yazılmalıdır.
  • HTML5 te <script></script> ifadesi içerisinde type=”text/javascript” yazımına gerek yoktur. <script> ifadesi bu özelliği otomatik olarak temsil etmektedir.
  • HTML5 te css linklenmesi <link rel =”stylesheet” href=”style.css”> şeklinde sade bir biçimde yapılmaktadır.
  • Yeni HTML etiketleri olan <header>, <footer>, <section>, <article>, <aside>, <nav>, <figure> gibi bir çok yeni etiket HTML’in en son versiyonu olan HTML5 e eklenerek geliştirilmiştir.
  • XHTML yukarıdaki zorunlulukları ve kısıtlamaları ile HTML5’ten farklılıklar göstermektedir.

 

XHTML de <!DOCTYPE html ...> zorunludur.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content here...
</body>
</html>

 

HTML5 <!DOCTYPE> Yapısı ise şu şekildedir.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>

 

XHTML öğeleri daima kapalı olmak zorundadır.

<!-- Doğru -->
<p>Lorem ipsum dolor sit amet.</p>
<!-- Yanlış -->
<p>Lorem ipsum dolor sit amet

 

XHTML de öğeler ve etiketler her zaman kapatılmaldır.

<!-- Doğru -->
<img src="myimg.jpg" alt="Resim" />
<br />
<hr />

<!-- Yanlış -->
<img src="myimg.jpg" alt="Resim">
<br>
<hr>

 

XHTML de öğeler ve öznitelikler her zaman küçük harf yazılmalıdır.

<!-- Doğru -->
<p>Lorem ipsum dolor sit amet.</p>
<a href="#">link</a>
<body> </body>

<!-- Yanlış -->
<P>Lorem ipsum dolor sit amet.</P>
<a HREF="#">link</a>
<BODY> </BODY>

 

XHTML DE özellik değerleri her zaman tırnak içerisinde kullanılmaldır.

<!-- Doğru -->
<a HREF="https://www.webtasarimkurslari.com">link</a>

<!-- Yanlış -->
<a HREF=https://www.webtasarimkurslari.com>link</a>

 

XHTML de özellik kısaltması yasaktır.

<!-- Doğru -->
<input type="checkbox" name="ders1" value="Web Tasarım" checked="checked" />
<input type="text" name="ders2" disabled="disabled" />
<input type="text" name="ders3" required="required" />

<!-- Yanlış -->
<input type="checkbox" name="ders1" value="Web Tasarım" checked />
<input type="text" name="ders2" disabled />
<input type="text" name="ders3" required />

Kaynaklar

HTML5 İle Yeni Gelen Özellikler Önceki Ders Tercih Akademi Anasayfaya Dön