xhtml html farkı

by Özgür 20/11/2009 | 11:07 3 Posted in Html

Html nedir?

HTML (Hyper Text Markup Language) sözcüklerinin baş harflerinin bir araya gelmesiyle oluşan kısa addır.Türkçe anlamı ise “Metin İşaretleme Dili” dir.Görevi ise internet üzerinde web sayfası yapmamızı sağlayan betik bir dildir.

XHTML nedir ?

XHTML (Extensible HyperText Markup Language) sözcüklerinin baş harflerinin bir araya gelmesiyle oluşan kısa addır.Türkçe anlamı ise “Geliştirilebilir Büyütülmüş Metin İşaretleme Dili” dir.Görevi istemci taraflı (client side) çalışan bir metin işaretleme dilidir.

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.

Örneğin:

<BODY>

<div WIDTH="100%">Dahiweb</div>

</BODY>

<strong><span style="color: #000000"> XHTML</span></strong>

<body>

<div width="100%">Dahiweb</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.

Örneğin:

<BODY>

<div>Dahiweb</div>

</BODY>

<strong><span style="color: #000000"> XHTML</span></strong>

<body>

<div>Dahiweb</div>

</body>

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

Örneğin:

<span style="color: #000000"><strong>HTML

</strong></span> <strong><div>Dahiweb</strong></div>

<strong><span style="color: #000000"> XHTML

</span></strong> <div><strong>Dahiweb</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.

Örneğin:

<span style="color: #000000"><strong>HTML

</strong></span> <br>

<hr>

<span style="color: #000000"><strong> XHTML</strong></span>

<br />

<hr />

5. Kapatılan taglara / işarebırakmak tinden önce boşluk :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.

Örneğin:

<span style="color: #000000"><strong>Yanlış Kullanım</strong></span>

<br/>

<hr/>

<span style="color: #000000"><strong>Doğru kullanım</strong></span>

<br />

<hr />

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.

Örneğin:

<span style="color: #000000"><strong> HTML

</strong></span> <image href="blş.gif">

<a href="<a href="http://www.dahiweb.com">http://www.dahiweb.com</a>">

<strong><span style="color: #000000"> XHTML

</span></strong> <image href="blş.gif">

<a href="<a href="http://www.dahiweb.com">http://www.dahiweb.com</a>/" title="Dahiweb" />

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.

Örneğin:

</span> <BODY>

<div width=100%>Dahiweb</div>

</BODY>

<strong><span style="color: #000000"> XHTML</span></strong>

<body>

<div width="100%">Dahiweb</div>

</body>

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

Örneğin:

<strong><span style="color: #000000"> HTML

</span></strong> <input type="radio" checked>

<span style="color: #000000"><strong> XHTML

</strong></span> <input type="radio" checked="checked" />

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.

Örneğin:

<div name="mesaj">Dahiweb</div>

<strong><span style="color: #000000">XHTML</span></strong>

<div id="mesaj">Dahiweb</div>

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.

Örneğin:

<strong><span style="color: #000000">HTML

</span></strong> <html>

<head>

<title> HTML Dökümanı</title>

<body>

<div>Dahiweb</div>

</body>

</html>

<strong><span style="color: #000000">XHTML</span></strong>

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

<html>

<head>

<title> HTML Dökümanı</title>

<body>

<div>Dahiweb</div>

</body>

</html>

Yazar: Özgür

Özgür AYTAÇ sitemizde 4 yazı eklemiş...

Bilişimcilerin Otağı

xhtml html farkı

Yazar: Özgür

About Author

ozqurrrr

Yazar: Özgür

Related Posts

About Author

ozqurrrr