XHTML’in ismi EXtensible Hypertext Markup Language kelimelerinden türemiştir. Amacı HTML’yi ortadan kaldırmaktır. HTML 4.01 sürümü ile benzer bir çok yönü vardır. XHTML HTML’nin daha kolay anlaşılır ve kuralcı sürümüdür de diyebiliriz. XHTML HTML’nin XML olarak düzenlenmiş halidir.

XHTML bir web standardı olarak 26 Ocak 2000’de W3C tarafından kabul edilmiştir. XHTML normalde kullanılan HTML’nin yeni nesil sürümü olduğu için web gezginleri ve diğer uygulamalar tarafından kabul edilmesi zaman alacaktır. Bu arada örütbağı uygulamalarınızı mevcut XHTML standardına getirmek istiyorsanız HTML 4.01 sürümü ile uygun hale getirmek ile işe başlayabilirsiniz. Aşağıdaki 10 kuralı da uygularsanız uygulamalarınız XHTML uyumlu hale gelecektir.

1. Dökümanlar XML uyumlu olmalıdır.
HTML’de geçerli olan bu kod:
        <b><i>Bu yazı kalın ve yatıktır</b></i>
XHTML’de geçerli değildir. Elemanlar düzgün biçimde iç içe geçmelidir.
    <b><i>Bu yazı kalın ve italiktir</i></b>
Tüm XHTML elemanları <html> kök elemanı içinde bulunmalıdır. Diğer tüm elemanlar alt elemanlara sahip olabilir. Alt elemanların başlangıç ve bitiş tagları olmalı ve doğru biçimde iç içe geçmelidir. Temel döküman yapısı şu şekilde olmalıdır.

       <html>
    <head>.......</head>
    <body>.......</body>
    </html>


2. Tüm elemanlar küçük harfler kullanılarak yazılmalıdır. XHTML bir XML uygulamasıdır ve XML’de küçük büyük harf ayrımı vardır. Örneğin <BR> ve <br> tagları farklı biçimde yorumlanır.
Bu yazım yanlışdır.
    <BODY>
    <P>Bu bir paragrafdır</P>
    </BODY>

Bu yazım ise doğrudur.
    <body>
    <p>Bu bir paragrafdır</p>
    </body>

3. Tüm XHTML elemanlarının sonlandırılması gerekir. Boş olmayan her elemanın sonlandırılması gerekir, örneğin aşağıdaki yazım yanlışdır:
    <p>Bu bir paragrafdır
    <li>Bu bır liste maddesidir

Doğru olan:
    <p>Bu bir paragrafdır</p>
    <li>Bu bir liste maddesidir</li>


4. Boş elemanlarda sonlandırılmalıdır. Boş elemanlar ya bir sonlandırma elemanına yada “ />” işaretine ihtiyaç duyar. Örneğin aşağıdaki yazım yanlışdır.
    Bu bir satır atlar<br>
    Yatay çizgi böyle yapılır<hr>
    Burada resim olacak <img src=”dosyaismi.gif”>

Doruları ise:
    Bu bir satır atlar<br></br>
    Yatay çizgi böyle yapılır<hr />
    Burada resim olacak <img src=”dosyaismi.gif” />


XHTML web sayfalarınızı bugünün web gezginleri ile uyumlu hale getirmek istiyorsanız “/” işaretinden önce bir boşluk bırakmalısınız. <br /> yada <hr /> gibi.

5. Parametre isimleri küçük harf olmalıdır. Aşağıdaki örnek yanlıştır:
    <table WIDTH=”100%”>
    <div ALIGN=”center”>

Doğrusu:
    <table width=”100%”>
    <div align=”center”>


6. Parametre değerleri tırnak işareti içinde olmalıdır. Aşağıdaki örnek yanlıştır:
    <table width=100%>
    <div align=center>

Doğrusu:
    <table width=”100%”>
    <div align=”center”>


7. Parametre sadeleştirme kaldırılmıştır. Örneğin:
    <input checked>
    <option selected>

yanlıştır. Doğrusu:
    <input checked=”checked” />
    <option selected=”selected” />


8. “id” parametresi “name” parametresinin yerine geçer.
    <img src=”dosyaismi.gif name=”resim1” />
    <a name=”namedanchor”></a>

Yerine doğrusu:
    <img src=”dosyaismi.gif id=”resim1” />
    <a id=”namedanchor”></a>


9. XHMTL DTD zorunlu elemanları tanımlar. 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. Aşağıda minimum bir XHTML dökümanını görüyorsunuz.
    <!DOCTYPE Doctype goes here>
    <html>
    <head>
    <title>Title goes here</title>
    </head>
    <body>

    Body text goes here
    </body>
    </html>

DOCTYPE elemanı bir XHTML elemanı değildir ve standartlara uymasına gerek yoktur. Ayrıca sonlandırılması da gerekmez.

10. DOCTYPE zorunlu olarak mevcut olmalıdır. Geçerli 3 adet XHTML döküman tipi vardır:
a- XHTML Strict
XHTML Dökümanlarını css dökümanları ile beraber kullanmanız gerektiğinde kullanılır. HTML’nin dizayn unsurlarını içermez.
Tanımı:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

b- XHTML 1.0 Transitional
CSS anlamayan web gezginlerini desteklemek ve HTML’nin dizayn unsurlarını kullanmak istiyorsanız bu döküman tipini kulanın.
Tanımı:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
    transitional.dtd">


c- XHTML 1.0 Frameset
Eğer XHTML dökümanları pencerelere bölünmüş olarak gösterilecekse bu döküman tipini kullanın.
Tanımı:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">


DTD nedir?
DTD bir web sayfasının tipini SGML (Standard Generalized Markup Language) dili ile belirler.
DTD, HTML gibi SGML uygulamaları tarafından kullanılır. Amacı sayfa için geçerli olan markup sitilini belirtmektir. XHTML SGML döküman tipinde tanımlanmıştır. Bir XHTML DTD dökümanı sayfada uyulması gereken kuralları, bilgisayarın anlayabileceği bir dille belirtir.

Yazdığınız XHTML dökümanlarının hangi standartlara uyduğunu DTD belirtir ve sayfada ilk satır olarak yer almalıdır. Sayfalarınızın standarda uygunluğu testlerini W3C’nin doğrulama araçları ile yapabilirsiniz. http://validator.w3.org adresinden bu araçlara ulaşabilirsiniz.

Örütbağı üzerinde bir kaç kaynak adresi de işinize yarayacaktır.
W3C XHTML Anasayfa- http://www.w3c.org/MarkUp/
W3C standart bildirgesi - http://www.w3.org/TR/2000/REC-xhtml-basic-20001219/
W3Schools XHTML sayfaları - http://www.w3schools.com/xhtml
Web tasarımcılarının sanal kütüphanesi (WDVL) XHTML sayfaları - http://www.wdvl.com/Authoring/Languages/XML/XHTML/
Webmonkey XHTML Genel Bakış - http://hotwired.lycos.com/webmonkey/00/50/index2a.html
XHTML tartışmaları - http://www.webreview.com/tag/2000/09_01_00.shtml

Reklamlar


Bu girdiye atılan yorumlar:

# re: XHTML nedir?


&lt;b&gt;&lt;i&gt;Bu yazı kalın ve yatıktır&lt;/b&gt;&lt;/i&gt;

Hiç bir zaman geçerli değildi arkadaşım!.. HTML hata olduğu zaman programlama dilleri gibi çalışmayı durdurmadığı için (yani geri kalan kısmı yorumlamaya devam ettiği için) yukarıdaki ifadenin geçerli olduğunu sanmışsınız. Ama öyle değil! HTML'in başından beri o ifade yanlış kabul edilmiştir. Kural her zaman "dış eleman | iç eleman .... iç eleman | dış eleman" şeklinde olmuştur. &lt;br&gt;&lt;/br&gt; ifadeleri de yanlış; doğrusu &lt;br /&gt; şeklindedir.
DOCTYPE elemanı bir XHTML elemanı değildir ve standartlara uymasına gerek yoktur.
DOCTYPE'ın belli yazım standardı yok mu? HTML'nin dizayn unsurları ne demek? Bunun "strict" ve "transitional" ile ne ilgisi var? Bu iki formatın özelliği ilki tamamen yeni ve katı yazım kurallarını gerektirmesi, ikincisinin ise yazım kuralları konusunda ilkiyle aynı olmakla birlikte eski bir kısım etiketlerin de kullanımına izin vermesidir. Her ikisi de CSS'yi destekler; hatta CSS'ye gerek duyar. Kolay gelsin...

Adem tarafından  1/31/2007 10:57 PM tarihinde atılmıştır.
# re: XHTML nedir?

Yazı gerçekten açıklayıcı teşekkürler

regülatör tarafından  3/13/2008 6:13 PM tarihinde atılmıştır.
# re: XHTML nedir?

macromediada gorup merak ederdim bu xhtml'yi.
tesekkurler...

the_alfa tarafından  9/23/2008 9:52 PM tarihinde atılmıştır.
# re: XHTML nedir?

DOCTYPE'ın belli yazım standardı yok mu? HTML'nin dizayn unsurları ne demek? Bunun "strict" ve "transitional" ile ne ilgisi var? Bu iki formatın özelliği ilki tamamen yeni ve katı yazım kurallarını gerektirmesi, ikincisinin ise yazım kuralları konusunda ilkiyle aynı olmakla birlikte eski bir kısım etiketlerin de kullanımına izin vermesidir. Her ikisi de CSS'yi destekler; hatta CSS'ye gerek duyar. Kolay gelsin...

batteries tarafından  12/5/2008 5:37 AM tarihinde atılmıştır.
# Yararlı bir yazı

Gerçekten yararlı bir yazı kaleme almışsınız. Emeğinize sğlık...

Levent tarafından  8/16/2009 12:01 PM tarihinde atılmıştır.
# re: XHTML nedir?

ben farkında olmadan ne kurallara uyarmısım böle be :D bendeki el alıskanlıqı simdi mejburiyet olmuş uheuhue :D saol güzel makale gercekden :)

mirc tarafından  8/29/2009 9:05 PM tarihinde atılmıştır.
# re: XHTML nedir?

paylaşım için teşekkür ederim yararlı bir paylaşım

kadir tarafından  12/3/2009 11:39 PM tarihinde atılmıştır.
# re: XHTML nedir?

yararlı bilgileriniz için çok teşekkürler...

UPS tarafından  12/4/2009 6:44 PM tarihinde atılmıştır.
# XHTML nedır?

BANA COK LAZIM BU SORUMU ACIKLAR MISINIZ?

ali tarafından  3/12/2010 3:03 PM tarihinde atılmıştır.
# re: XHTML nedir?

ben kurallara göre yaptım ama hala eksikler var giderecem yorum... Sitem Alanya Çiçekçi

Alanya Çiçekçi tarafından  3/26/2010 9:51 PM tarihinde atılmıştır.
# re: XHTML nedir?

Bilgiler için Çok Teşekkür ederim Gerçekten süper bilgi Türkçe anlatım pek bulunmuyor sağolun baya işime yaradı.

örnek sitemde uyguluamaya çalışıyorum

Oyun Oyna

Bayram OCAK tarafından  3/26/2010 9:53 PM tarihinde atılmıştır.
# re: XHTML nedir?

merhaba ben uyguladım ama
cat.asp?cat=1&kategori=Açılış ve Tören”>Açılış ve Tör…

burda hata veriyor bunları geçemiyorum
Line 310, Column 56: entity was defined here

& ve = işaretlerinde hata veriyor yardımlarınızı bekliyorum

Alanya Çiçekçi tarafından  3/28/2010 1:06 PM tarihinde atılmıştır.
# re: XHTML nedir?

EXtensible Hypertext Markup Language konusunda çok faydalı bir makale olmuş, yararlı bilgiler için teşekkürler.

UPS tarafından  5/15/2010 11:38 PM tarihinde atılmıştır.
# re: XHTML nedir?

teşekkürler

redresör tarafından  7/3/2010 10:43 AM tarihinde atılmıştır.
# re: XHTML nedir?

iyi bir döküman teşekkürler

redresör tarafından  7/30/2010 6:41 PM tarihinde atılmıştır.
# re: XHTML nedir?

WC3 standartları google hariç diğer arama motorlarında büyük bir etken sıralamada, ancak google hiç önemsemiyor içerik olsun yeter.

Statik Regülatör tarafından  10/12/2010 10:26 AM tarihinde atılmıştır.
# re: XHTML nedir?

teşekürler dostum saolasın

bardakta mısır tarafından  1/28/2011 11:08 PM tarihinde atılmıştır.
# re: XHTML nedir?

XHTML de başlangıç için iyi bir döküman teşekkürler.

regülatör tarafından  2/16/2011 11:58 PM tarihinde atılmıştır.
# re: XHTML nedir?

EXtensible Hypertext Markup Language konusunda çok faydalı bir makale olmuş, yararlı bilgiler için teşekkürler

bardakta mısır tarafından  4/21/2011 11:05 PM tarihinde atılmıştır.
# re: XHTML nedir?

Teşekkürler güzel döküman, güzel bilgiler.

nissan oto ydek parçaları tarafından  5/28/2011 7:51 PM tarihinde atılmıştır.
# re: XHTML nedir?

bence bu işe yeni başlayacaklar için en lazım olan bir kaynak..
başka bir makalenizde soap yazımıyla ilgili bilgi verirseniz sevinirim.

ayran makinası tarafından  6/3/2011 3:30 AM tarihinde atılmıştır.
# re: XHTML nedir?

bence yeni başlayanlar için güzel bir anlatım olmuş. gerçekten örnek bir yazı kaleme almışsınız.

ayran makinası tarafından  6/3/2011 3:41 AM tarihinde atılmıştır.
# re: XHTML nedir?

mükemmel bir paylaşım çok teşekkür eederim 3aydır bunu arıyordum mersi

bardakta misir tarafından  7/8/2011 3:05 AM tarihinde atılmıştır.
# re: XHTML nedir?

Faydalı paylaşım olmuş.

haberim.org

haberim tarafından  10/4/2011 8:52 AM tarihinde atılmıştır.
# re: XHTML nedir?

Merhaba,
Güzel anlatım için teşekkürler. Benim sitede de 19 hata var. İnşallah çözeceğiz...

Bilgisayar Programları tarafından  7/12/2012 12:42 AM tarihinde atılmıştır.
# re: XHTML nedir?

Güzel yazı elinize sağlık. teşekkürler.

Çağdaş Kurultay Kalkan tarafından  8/13/2012 7:29 PM tarihinde atılmıştır.
# re: XHTML nedir?

hocam paylaşım için teşekkürler.yeni başlayacak biri olarak xhtml başlangıcı nasıl yapmalıyız. videolu anlatım bulabilir miyiz. ayrtıca google için xhtml mi önerirsiniz yoksa html5 mi? Ofis Mobilyaları Çevre İzin Lisans

Ofis Mobilyaları tarafından  10/20/2012 11:26 AM tarihinde atılmıştır.

Yorumunuzu buradan giriniz

Yorumlar onaylandıktan sonra yayınlanacaktır

*


*


 (Görüntülenmeyecek)


 (İsminizde link olarak görüntülenecek)


*
Bold Italic Underline Blockquote Hyperlink Hyperlink

 

Please add 4 and 3 and type the answer here:

Yorum Önizleme:

 

Arama



Hakkımda

Merhaba, ben Gürkan Yeniçeri. 10 yılı aşkın süredir özel sektör ve hükümet iştiraklerinde yazılım mühendisliği yapıyorum. Bu sitede 2005 Mart ayından beri genelde yazılım mühendisliği ve hobilerim hakkında yazmaktayım. Profesyonel iş geçmişim hakkında daha fazla bilgiyi aşağıdaki Linkedin.com linkinden alabilirsiniz.
Gürkan Yeniçeri'nin profilini görmek için tıklayın

Kontak

Soru sormak veya öneride bulunmak isterseniz buradaki kontak formunu kullanın. Mesajlarınıza en kısa zaman içinde cevap vermeye çalışacağım. Ayrıca Windows Live Messenger kullanarak gyeniceri {AT} hotmail {DOT} com adresinden bana ulaşabilirsiniz.

Eğer İngilizce blogumu okumak isterseniz buraya buyrun.
Blogumu RSS Bandit gibi bir RSS okuyucusu ile de takip etmek için kullanın.
Ayrıca aşağıdaki linklerden hakkımda ayrıtılı bilgi alabilirsiniz.
Twitter
Friendfeed
Facebook

RSS 2.0

Reklamlar


Vezir

Vezir Proje Danışmanı
Sitede birde Vezir isminde wikimiz var. Bu wikiyi yazmayı düşündüğüm bir kitap için oluşturmuştum daha sonra herkese açmaya karar verdim. Vezir yazılım firması kurmak isteyenlere tavsiyeler vermek için hazırlandı. Ayrıca UML ve Modül Tabanlı Geliştirme hakkında da bilgiler mevcut. Vakit buldukça yeni eklemeler yapıyorum. Değişikliklerden haberdar olmak için RSS çıktısına üye olabilirsiniz.

Tag Bulutu

Tüm taglar...
www.flickr.com
This is a Flickr badge showing public photos from gurkanyeniceri. Make your own badge here.
Bu blogda 265 yazı ve 509 yorum var. Diğer sitelerden 26 adet link gelmiş.

Reklamlar