'html-xhtml' kategorisindeki yazılar ↓

İsmi Validchecker olan yepyeni bir proje ile karşınızdayım. İsim konusundaki yaratıcılığımdan anlayacağınız üzere bu site rss,html ve css dökümanlarının w3 geçerlilik (validation) durumunu periyodik olarak kontrol etmekte. Kontrol etmekle kalmayıp belirlediğiniz sayfalarda eğer hata varsa size RSS veya mail yoluyla da bildirmekte. Kendi sayfama yeni yazı girdiğimde sürekli bozulan validation durumu sinirimi bozunca kendim için yaptım bu siteyi.Umarım sizde beğenir ve kullanırsınız.

Form oluşturmak için oturup Dreaweaver’dan html kodu yazmak yerine phpForm ile 3 adımda kolayca oluşturabiliyoruz. Öncelikle ilk ekrandan formun renklerini belirliyoruz.

İkinci adımda gelen arayüzden forma ekleyeceğimiz form elemanlarını ekleyip değerlerini son derece kullanışlı bir arayüzle belirliyoruz.

3. adımda ise oluşturduğumuz formun kodunu alıyoruz. Bu kadar kolay…

Uzun zaman oldu gözlerimiz yollarda kaldı artık bu bekleyiş bitti diyebiliriz. HTML 4.0 ‘ın yayınlanmasından tam 10 yıl sonra HTML 5.0 ‘ın ilk draftı bugün yayınlandı. Bu sayfadan HTML 5.0′ın (yani Hypertext Markup Language-Zengin Metin İşaretleme Dili’nin bugüne kadar yapılmış beşinci revize hali) dökümanına bakabilirsiniz.

Beklendiği üzere revize hali yeni elementler (header,footer,section gibi) ve yeni özellikler içermekte. Darısı tarayıcıların HTML 5.0′ı hatasız yorumlamasına.

Açıklamaları eksik olduğu için bizim ekonomi sayfalarına boş boş bakmamıza neden olan kısaltmaları, web sayfalarında <acronym> etiketi ile gayet anlaşılır bir şekilde kullnabiliriz. Örnek olarak:

<acronym title=”Extensible HyperText Markup Language ” >XHTML</acronym>

XHTML

Stil dosyasına aşağıdaki kodu ekleyerek kısaltma üzerine gelindiğinde mouse’da bir soru işareti çıkmasını da sağlayabiliriz.

acronym { cursor: help; }

Kısaltma demişken açılımını bilmediğiniz kısaltmalar için buraya bakabilirsiniz.

Sayfaların valid HTML veya XHTML olduğunu kontrol edebilmek için Firefox’a HTML Validator eklentisini kurabiliriz. Eklenti kurulduktan sonra herhangi bir sayfaya girdiğimizde sayfanın validation durumunu sağ altta aşağıdaki gibi görürüz.

Bugünden itibaren içeriği Bilgi İşlem Daire Başkanlığı tarafından düzenlenen tüm ODTÜ web sayfaları Valid XHTML 1.0 Transitional. Test için tıklayabilirsiniz: Türkçe Anasayfa, İngilizce Anasayfa

Neden sayfalarımız valid olmalı sorusunun cevabı için buraya tıklayabilirsiniz.

Youtube’da video’nun altındaki embed kodunu sayfaya ekleyip burdaki validator ile kontrol ettirdiğimizde kodların valid XHTML 1.0 olmadığını ve sürekli hata verdiğini görüyoruz. Bunu önlemek için kodu

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/7_6B6aa342"></param><embed src="http://www.youtube.com/v/7_6B6aa342" type="application/x-shockwave-flash" width="425" height="350"></embed></object>

yerine aşağıdaki gibi eklersek bu sorunu çözmüş oluruz.

<object type="application/x-shockwave-flash" style="width:425px; height:350px;" data="http://www.youtube.com/v/7_6B6aa342"><param name="movie" value="http://www.youtube.com/v/7_6B6aa342" /></object>

Bu sayfadaki sihirbaz yardımıyla istediğiniz şekilde tablo oluşturup Css kodlarını alabilirsiniz. Aynı sihirbazın diğer versiyonlarıda aşağıda:
Listeler
Font ve Metin Stilleri

HTML ve CSS öğrenmek için aşağıdaki derslerden yararlanabilirsiniz.

Basit HTML
Gelişmiş HTML
Basamaklı Stil Sayfaları (CSS)
Web Renkleri