Az önce Line25′te bir makale gördüm. Basit olarak Xhtml ve Css ile bir sayfanın kodlaması anlatılıyordu. Ne zamandır aklımda olan ama yazmaya bir türlü fırsat bulamadığım bir konuydu bu. Ben de oturup yazmaya karar verdim. Umarım size en yalın haliyle Xhtml ve Css sayfa kodlamayı anlatabilirim. Gerçekten bu iş düşündüğümüz kadar zor değil.

W3C standartlarına uygun kodlama için (valid code) Xhtml bilgimiz olması şart. Daha önceki zamanlarda sitemizde Xhtml dersleri yayınlamıştık, dilerseniz o derslerden yararlanabilirsiniz. Ancak standartlara uygun bir sayfa kodlaması için yalnızca Xhtml bilgisi başlı başına yeterli değil. Xhtml ile oluşturduğumuz kodların görünümünü düzenleyecek olan stilleri yazmak için CSS’ye de hakim olmak gerekli. Kaldı ki yazacağımız Css kodlarının da standartlara uygun olması gerekiyor. Css yazarken de belli kurallara bağlı kalmamız gerekiyor. Geçerli bir sayfa kodlaması için Xhtml ve Css’ye başlangıç aşamasında hakim olmak yeterli.

Öncelikle Xhtml kodlarımızı yazarak işe başlayalım. Sayfamız klasik olarak bir Üst bölüm (Header), bir Navigasyon alanı (Navigation), bir İçerik alanı (Content), bir Menü bölümü (Menubar veya Sidebar) ve bir Alt bilgi (Footer) alanı barındıracak. Şimdi bu alanları Xhtml olarak yazalım.

Html dilinin şu anda kullanılan 4. versiyondan 5′e geçiş sürecini yaşadığını biliyoruz. Bu alanda W3C grubunun yaptığı ara çalışmaları da görme imkanımız oldu. Html 5.0 dili gerçekten bünyesine katılan yeni özellikler sayesinde sanıyorum yeniden gönüllerimizi fethedecek. 2003 yılının son dönemlerinde geliştirilmeye başlanan Html5.0 yapılan öngörüye göre 2010 yılının sonlarına doğru final sürümüyle karşımızda olacak. Sanıyorum bu döneme kadar yapılan ara çalışmalarla da gelişimi daha yakından görebileceğiz. Tabi yine tarayıcı uyumu konusu gündeme geliyor. Html5.0′ın final sürümü duyurulduğunda tarayıcı cephesinde ne gibi bir gelişme yaşanır bunu zaman gösterir. Ancak kişisel görüşüm daha önce yaşadığımız tarayıcı uyumsuzluğu sorunlarının bu sefer daha az olacağıdır. (Bazı kaynaklarda 2012 gibi tarihler gördüm ama umarım bu kadar uzun bir süreç olmaz)

Bu yazımızda sizlerle Html5.0 ile hayatımıza girecek olan bazı yeni etiketleri tanıtacağız. Html5.0′ın biraz daha esnek yapıya bürünerek geliştiğini görmek gerçekten heyecan verici. Dilerseniz hemen yeni etiketlerimize bir bakalım.

Header, Section, Nav, Article, Aside, Footer Etiketleri

Html5.0′ın biraz daha esnek bir yapıya büründüğünü söylemiştik. Bu esnek yapıyı yeni kullanmaya başlayacağımız Yapısal etiketlerde de görebiliyoruz.

Efendim geçte olsa yayınlama ve duyurma fırsatı bulduğumuz güzel bir olayı sizlere aktarmak istiyorum. Yılların Html’si, 1999 yılından bu yana 4. versiyonunu kullandığımız HTML (Hyper Text Markup Language) dili 22 Ocak’ta yapılan duyuruyla 5.0 sürüme yükseltildi. Html 4 ile 5 versiyon arasındaki farkları bu sayfada detaylı biçimde görmek mümkün.

Uzun süredir Html’nin revize edilme haberlerini duyuyor hatta Xhtml 2.0 ile olacak olan ilişkisini ve yeni eklenecek olan elementleri merak ediyorduk. W3C’nin bizlere duyurduğu
kadarıyla gelişmeleri takip etme ve okuma fırsatımız da oldu. 22 Ocak itibariyle W3C’nin duyurusunu aldık ve Html 5.0′ın çıkışını kutluyoruz.

Birçoğumuzun tasarıma başlarken öğrenmek için kendini parçaladığı bu dilin bu denli gelişimini gördükçe çok seviniyorum. Html 5.0 hakkında ileride detaylı bir yazı yazmayı düşünüyorum. Özellikle yeni eklenen etiketler ve parametreler hakkında “yeniden” konuşacak olmak beni oldukça heyecanlandırıyor.

Umuyoruz ki yakın zamana kadar tarayıcılarımız Html 5.0′ın yeni etiketlerini ve özelliklerini destekler de bizlerde seviniriz. Tarayıcı desteği konusunda Mozilla’dan yana şüphemiz yok ancak Internet Explorer’ın bu yeni duruma nasıl uyum göstereceğini zamanla göreceğiz. Tasarım ve kodlama ile uğraşan herkes için hayırlı olması dileğiyle.