xhtml html farkı
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:
|
1 2 3 4 5 6 7 8 9 |
<strong><span style="color: #000000"> HTML</span></strong> <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:
|
1 2 3 4 5 6 7 8 9 |
<strong><span style="color: #000000"> HTML</span></strong> <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:
|
1 2 3 4 5 |
<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:
|
1 2 3 4 5 6 7 8 9 |
<span style="color: #000000"><strong>HTML </strong></span> <br> <hr> <image href="blş.gif"> <span style="color: #000000"><strong> XHTML</strong></span> <br /> <hr /> <image href="blş.gif" title="Dahiweb" /> |
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:
|
1 2 3 4 5 6 7 8 9 |
<span style="color: #000000"><strong>Yanlış Kullanım</strong></span> <br/> <hr/> <image href="blş.gif" title="Dahiweb"/> <span style="color: #000000"><strong>Doğru kullanım</strong></span> <br /> <hr /> <image href="blş.gif" title="Dahiweb" /> |
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:
|
1 2 3 4 5 6 7 8 |
<span style="color: #000000"><strong> HTML </strong></span> <image href="blş.gif"> <a href="<a href="http://www.dahiweb.com">https://www.dahiweb.com</a>"> <strong><span style="color: #000000"> XHTML </span></strong> <image href="blş.gif"> <image href="blş.gif" title="Dahiweb" /> <a href="<a href="http://www.dahiweb.com">https://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:
|
1 2 3 4 5 6 7 8 9 |
<span style="color: #000000"><strong> </strong></span><span style="color: #000000"><strong>HTML</strong> </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:
|
1 2 3 4 5 6 7 |
<strong><span style="color: #000000"> HTML </span></strong> <input type="radio" checked> <option selected> <span style="color: #000000"><strong> XHTML </strong></span> <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.
Örneğin:
|
1 2 3 4 5 6 7 |
<strong><span style="color: #000000">HTML</span></strong> <div name="mesaj">Dahiweb</div> <image name="resim" href="blş.gif"> <strong><span style="color: #000000">XHTML</span></strong> <div id="mesaj">Dahiweb</div> <image id="resim" href="blş.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.
Örneğin:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<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> |
-
Php post methodu Formdan post metodu ile gönderilen sayı kadar tabloda satır açmaya yarayan kod örneği: (5 -
Html Listeleme Html özelliklerini kullanarak sayfamızda listeleme ve sıralama yapmak oldukça kolaydır.. Yazar: Ümit Ümit BAL
About Author