HTML Temel Uyari ve Oneriler

HTML de etiketlerin genel olarak yapisinin asagdaki gibi oldugnu soylemistik.
<etiketadi>Icerik Kısmı </etiketadi>

Kapatılmayan Etiket Hatası
<h1>Osmanlı Imparatorlugu Yukselme Donemi
<p>Osmanlı Imparatorlugu Yukselme Donemi ...</p>
yukarda ki ornekte de goruldugu gibi h1 etiketi acilmis fakat kapatilmamis.
Kapatıldıgı Zannedilen Etiket Hatalari :)
<h1>Osmanlı Imparatorlugu Yukselme Donemi <h1>
<p>Osmanlı Imparatorlugu Yukselme Donemi ...<p/>

h1 etiketi duzgun kapatilmadi </h1> seklinde olmaliydi
p etiketi duzgun kapatilmadi </p> seklinde olmaliydi

Bu baslik icin 2.bir ornek:
<p> Osmanlı Imparatorlugu Yukselme Donemi.... <a href="#">Linkimiz </p> </a>
bu kodda yapilan hatayi kendiniz gorebildiz mi?

(biz daha once linkleri anlatmistik burdaki linkte (href="#") kismi kafanizi karistirmasin bunu bos bir link olarak dusunun,tiklandiginda bi yere gitmeyen.)
Dikkat ederseniz koda "p" tagi ile basladik ve mantiken icerde bir link kullanmak istedik oysa en son kapatilan tag a'ya ait.
dogru sekli:
<p> Osmanlı Imparatorlugu Yukselme Donemi.... <a href="#">Linkimiz </a> </p>
evet p tag'i a'yi kapsiyor simdi daha net.
Oneri-1:
tag isimlerini kucuk harfle kullanmaya dikkat edelim
<P>Bu bir Paragraf</p>
<P>Bu bir Paragraf</P>
<p>Bu bir Paragraf</p>
1 ve 2 numarali kullanim bicimleride tarayici da hatasiz calisir fakat 3.tip kullanim onerilmektedir.
Oneri-2:
kodlarimizda XHTML uyumluluguna dikkat edelim bos etiketleri dahi kapatalim
Ornek: br etiketi ile alt satira gecilir demistik <br> seklinde degilde <br/> olarak kullanimi tavsiyedir.(hr,img de ayni sekilde)

Nitelikleri kucuk harfle yazalim ve degerleri tam atayalim,ikinci satirdaki gibi kullanim onerilmektedir.
<input type="text" NAME="isim" disabled >
<input type="text" name="isim" disabled="disabled" />

Html'de kodlarin yanyana yada alt alta yazilmasi sonucu/ekran gorunutusunu etkilemez,Derslerimizde okunabilirlik/netlik icin alt alta yazmayi daha cok tercih ediyorum.
<p>Cok fazla satir</p><p>Burda da cok satir</p><p>Burada da...</p>
Yukardaki kod ile asagdaki kod ayni sonucu uretir!
<p>Cok fazla satir</p>
<p>Burda da cok satir</p>
<p>Bura dada...</p>

Bu derse ait gorus ve onerilerinizi yada farkettigniz hatalari Lutfen bana bildirin!
birbyte.net@gmail.com