Bu hataları anlamak için XHTML belgelerinde uyulması gereken kurallardan birazda olsa anlamak gerekir. Blogger şablonları XHTML 1.0 Strict belge türünü kullanır. Bu makalede XHTML kullanımıyla ilgili hataları çözebilecek kadar bilgi sahibi olabileceksiniz.
XML, HTML ve XHTML
Blogger şablonlarının XHTML 1.0 Strict belge türünü kullandığını söylemiştim. Sayfamızın belge türünü görmek için Şablon - HTML'yi düzenle - Devam butonlarına basarak sayfanızın şablonunu açın.
Aşağıdaki etiket sayfamızın türünü gösterir;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">XML, HTML ve XHTML web sayfalarını yazarken(biçimlendirirken) kullanmış olduğumuz işaretleme dilleridir. Çoğumuz Tim Berners Lee tarafından icat edilen HTML(Hyper Text Markup Language)'yi kullanmasa da, duymuştur. internetin karanlık çağından beri kullanılmaktadır. XML (eXtensible Markup Language) meta(tanımlama) dilidir, günümüzde çoğu popüler programla birlikte kullanılmaktadır. Geleneksel HTML, XML kurallarını kullanabilmek için biraz değişikliklere uğradı ve XHTML (eXtensible Hyper Text Markup Language) adı verilen yeni bir işaretleme dili doğdu. Fakat XHTML kuralları katı ve acımasızdır, sayfayı olduğu gibi yorumlamaz, hata varsa hatayı düzeltmeden kullanamazsınız. Bu nedenle, blogcuların dikkat etmesi gereken kurallar aşağıdadır.
XHTML Temel Kurallar
XML küçük harfe duyarlı olması sebebiyle, XHTML kullanılan tüm etiketler, elemanlar ve nitelik adları küçük harf olmalıdır.
Şablonda kullanacağımız kod bu değildir;
<TITLE>Sayfa Başlığı</TITLE>Bunu kullanın;
<title>Sayfa Başlığı</title>Eğer biraz daha derine inicek olursak, küçüktür işareti (<) ve büyüktür işareti(>) arasında bulunan yazılar küçük harf olmak zorundadır.
Öznitelik Değerleri Tırnak içinde olmak zorundadır.
Tüm öznitelik değerleri tek(') veya çift(") tırnak içine alınmalıdır.
Aşağıdaki örnekler XHTML tarafından kabul edilmezler;
<div id=header-wrapper>Şu şekilde kullanmamız gerekir;
<a href=http://bloggerdoktoru.blogspot.com>Bağlantı</a>
<img src=resim.jpg/>
<table width=200 border=0>
<div id='header-wrapper'>Etiketler çift halinde olmalıdır. <p> </p>
<a href="http://bloggerdoktoru.blogspot.com">Bağlantı</a>
<table width="200" border="0">
Bu kullanım yanlış;
<p>Paragraf etiketiKapanış etiketi kesinlikle kullanılmalıdır.
<p>Paragraf etiketi</p>Aşağıdaki kullanımlar doğrudur;
<ul>.....</ul>HTML'de kapanış etiketi olmayan etiketler
<li>....</li>
<table>....</table>
<dt>....</dt>
<a href>....</a>
<div>....</div>
<h2>....</h2>
Bazı etiketler HTML'de kapanış etiketi olmadan kullanılır;
<br>Bu etiketleri XHTML'de(Blogger'da) bu şekilde kullanmamız mümkün değildir. Bu etiketleri kullanmanın iki yolu vardır;
<img>
<input>
<frame>
<hr>
<meta>
<link>
1. Yol;
Büyüktür işaretinden hemen önce eğik çizgi(/) kullanmak;
<br/>2. Yol;
<img/>
<input/>
<frame/>
<hr/>
<meta/>
<link/>
Etiketleri normal kapatmak;
<br></br>Düzgün etiket kapanışları yapmak
<img></img>
<input></input>
<frame></frame>
<hr></hr>
<meta></meta>
<link></link>
Yani açılış etiketinin arasında başka bir etiket varsa bu etiketi kapatmadan diğer etiket kapanmaz, Anlatmak istediğim şu şekilde;
<form><table>....</form></table>Form etiketi table etiketinden sonra kapanmalıdır, önce table etiketi kapatılmalıdır.
<form><table>....</table></form>Bloğumuz <html>...</html> etiketine bir kez sahip olmalıdır.
XHTLM belgelerinde, belge türü bildirimi dışında tüm kodları <html>...</html> etiketleri arasında görürsünüz. Diğer tüm etiket ve içerikler bu iki etiket arasında olmalıdır.
<html>İyi bloglamalar...
<head>...</head>
<body>...</body>
</html>
0 yorum:
Yorum Gönder