Ders - XHTML ve HTML Arasındaki Farklar

Php, Asp, Perl, Html - Ders - XHTML ve HTML Arasındaki Farklar Sponsorlu Bağlantılar 1. Küçük harf kullanımı : Normal HTML ‘de büyük yada küçük harf hiç farketmiyordu, bu konuda hiçbir kural yoktu fakat XHTML özellikle küçük harf konusunda çok titiz. HTML ...

Cevapla
Ders - XHTML ve HTML Arasındaki Farklar
Ali Emre isimli Üye şimdilik offline konumundadır

Ali Emre(27)

Webmaster / İzmir

Standart

Ders - XHTML ve HTML Arasındaki Farklar

Alt 29-06-2009 #1
Sponsorlu Bağlantılar

1. Küçük harf kullanımı : Normal HTML ‘de büyük yada küçük harf hiç farketmiyordu, bu konuda hiçbir kural yoktu fakat XHTML özellikle küçük harf konusunda çok titiz.

HTML
<BODY>
<div WIDTH=”100%”>Merhaba Dünya</div>
</BODY>

XHTML
<body>
<div width=”100%”>Merhaba Dünya</div>
</body>

2. Parametrelerde küçük harf ile yazılmalıdır :
Yukarıda bahsettiğim şıkka ek olarak parametrelerde bir standarta baglanmıştır.

HTML
<BODY>
<div>Merhaba Dünya</div>
</BODY>

XHTML
<body>
<div>Merhaba Dünya</div>
</body>

3. Düzgün hiyerarşi : Açılan taglar sırası ile kapatılmalıdır.

HTML
<strong><div>Merhaba Dünya</strong></div>

XHTML
<div><strong>Merhaba Dünya</strong><div>

4. Kapalı taglar : Tüm taglar kapatılmalı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>
<image href=”resim.gif”>

XHTML
<br />
<hr />
<image href=”resim.gif” title=”Flashcentury” />

5. Kapatılan taglara / işaretinden önce boşluk bırakmak : Yukarıdaki şıkla bahsettiğim 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.

Yanlış Kullanım
<br/>
<hr/>
<image href=”resim.gif” title=”Flashcentury”/>

Doğru kullanım
<br />
<hr />
<image href=”resim.gif” title=”Flashcentury” />

6. Link ve Resim eklerken bir başlık girilmelidir : Özellikle arama motorları için ve standartlar 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.gif”>
<a href=”http://www.grafikerler.net“>

XHTML
<image href=”resim.gif”>
<image href=”resim.gif” title=”Grafikerler” />
<a href=”http://www.grafikerler.net” title=”Grafikerler” />

7. Parametreler tırnak içinde olmalıdır : HTML ‘ de bu konuda bir şart yoktu tırnak için ve tırnak içinde kullanmadan parametre değerleri verilebiliyordu.

HTML
<BODY>
<div width=100%>Merhaba Dünya</div>
</BODY>

XHTML
<body>
<div width=”100%”>Merhaba Dünya</div>
</body>

8. Parametrelerde sadeleştirme : Özellikle Form parametrlerinde bazı kolaylıklar vardı, örneğin checked parametresini kullanarak bir radio buttonu seçili hale getirebiliyorduk ama malesef XHTML ‘de bu olay kaldırıldı.

HTML
<input type=”radio” checked>
<option selected>

XHTML
<input type=”radio” checked=”checked” />
<option selected=”selected” />

9. Name parametresi yerine id Parametresi kullanimi : 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ı istiyor.

HTML
<div name=”mesaj”>Merhaba Dünya</div>
<image name=”resim” href=”resim.gif”>

XHTML
<div id=”mesaj”>Merhaba Dünya</div>
<image id=”resim” href=”resim.gif” />

10. DOCTYPE bildirimi : HTML kodlarından önce daha doğrusu kodlamanın ilk başına DOCTYPE (DTD ) bir başka değişle HTML dokumanımızın çeşitini bildirmemiz gerekiyor. Bu konuyla daha ayrıntılı bilgiye buradan ulaşabilirsiniz.

HTML
<html>
<head>
<title> HTML Dökümanı</title>
<body>
<div>Merhaba Dünya</div>
</body>
</html>

XHTML
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html>
<head>
<title> HTML Dökümanı</title>
<body>
<div>Merhaba Dünya</div>
</body>
</html>

Eğer standart bir XHTML kodlaması yapacaksanız genel kullanımı yukarıdaki gibidir ve tüm XHTML sayfalarınızın ilk satırına bu kodu ekleyebilirsiniz fakat bazen sayfanızı frameler ile veya farklı türlerde yapmanız gerekebilir, DTD bildimi ile kodlamanızın çeşidini tanımlarsınız ve tarayıcılara yardımcı olursunuz. DOCTYPE ile ilgili yazıma buradan ulaşabilirsiniz.

HTML ‘den XHTML ‘ye geçen veya bu işe yeni başlamış arkadaşlar için dikkat etmesi gereken en önemli gördüğüm 10 maddeyi ekledim.Kolay gelsin.
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

BlackShadow isimli Üye şimdilik offline konumundadır

BlackShadow(31)

Grafiker / İstanbul

Standart
Alt 01-07-2009 #2
                             Sponsorlu Bağlantılar
Teşekkürler, çok yardımcı olacak. Sağol.
Bu mesajdan alıntı yap
blueden isimli Üye şimdilik offline konumundadır

blueden

Hiç Biri / Konya

Standart
Alt 01-07-2009 #3
"Merhaba dünya"Ders - XHTML ve HTML Arasındaki Farklar

Ali Emre herhangi bir kaynak kullanarak mı hazırladın, yoksa tamamen kendi hazırladıgın bir ders mi? Ders - XHTML ve HTML Arasındaki Farklar
Emeğine sağlık.
Bu mesajdan alıntı yap
Ali Emre isimli Üye şimdilik offline konumundadır

Ali Emre(27)

Webmaster / İzmir

Standart
Alt 01-07-2009 #4
Bir arkadaşımla ortak hazırladık.::::::::::::Ders - XHTML ve HTML Arasındaki Farklar
Bu mesajdan alıntı yap

energy_explode

Misafir

Standart
Alt 21-08-2009 #5
gerçekten güzel anlatılmış kardeşim anlaşılmaması imkansız ellerinize sağlık Ders - XHTML ve HTML Arasındaki Farklar
Bu mesajdan alıntı yap
d3niz isimli Üye şimdilik offline konumundadır

d3niz

UI Pilot

Grafiker / İstanbul

Standart
Alt 21-08-2009 #6
"Merhaba Dünya" programlama eğitim derslerinde efsanevi 2 kelime oldu artık. Bir yerden yardım almaya gerek yok. İnsanın aklına direk onlar geliyor. Ders - XHTML ve HTML Arasındaki Farklar

Ali Emre arkadaşım çok güzel bir yazı olmuş. XHtml hakkındaki bu gerçekleri bilmiyordum.
Teşekkür ederim bilgilendirmen için. Ders - XHTML ve HTML Arasındaki Farklar
Bu mesajdan alıntı yap
Ali Emre isimli Üye şimdilik offline konumundadır

Ali Emre(27)

Webmaster / İzmir

Standart
Alt 21-08-2009 #7
Rica ederim Deniz..
Bu mesajdan alıntı yap
xcoder isimli Üye şimdilik offline konumundadır

xcoder(35)

xxx

Webmaster / Yalova

Standart
Alt 24-08-2009 #8
ayrıca ekleme yapmak isterim ...

input tagları
HTML kullanımı:
<input name="x" value="xxx" type="submit">

XHTML kullanımı:
<input name="x" id="x" value="xxx" type="submit" />

XHTML ile birliikte id attributes'i eklemek ve tag bitişinde / kullanma getirildi.
Bu mesajdan alıntı yap
Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Amblem, logo, logotype arasındaki farklar puhuma Logo Tasarımları 15 31-07-2010 18:02:52
Ders - XHTML Nedir? Ali Emre Php, Asp, Perl, Html 6 21-08-2009 02:58:32
Regedit.exe ve Regedt32.exe arasındaki farklar Dorukhan Windows 0 23-04-2009 10:21:46
HTML-CSS{Xhtml} ãrtizt Php, Asp, Perl, Html 2 02-08-2008 12:30:26
PS Slices ve xHTML MeZaR Photoshop 0 11-07-2008 03:02:02

Kapat
Şifremi Unuttum?