HTML5 Nedir? Ne Değildir?

HTML5Bundan 4-5 sene öncesini hatırlıyorum, bir uyanış vardı web dünyasında. Web 2.0 denen bu uyanışta artık kullanıcı daha etkindi, hatta içeriği üreten artık oydu. Kimileri Web 2.0’ı mor veya pembe arayüz zannettiler, kimileri de arayüz kodlamada tabloları bırakıp div etiketleri ile kodlama yapmayı buna yakıştırdılar. Herkes tablolarla web sitesinin yapısal kısmını yapmayı bırakıp div denen katman veya layer olarak da adlandırabilecek etiketleri çeşitli css kodları ile tasarımı oluşturacak hale getirdiler.

O zaman div ile arayüz kodlama diye bir şey vardı. Tablolarla site yapısını oluşturanlar ötelendi. XHMTL 1.1 kullanımdaydı. img, br, hr, link gibi etiketler self closed olmalıydı. Şunun gibi;

<img src="resim.jpg" />

Sonra siteleri W3C’nin Validate(Doğrulama) kısmına uygun kodlamaya çalıştık. Mesela resimlere alt  parametresi verilmek zorundaydı. Şöyle;

<img src=”resim.jpg” alt=”Resim Açıklaması” />

Aslında bu alt özelliği tarayıcılarda resim yüklenemediği (herhangi bir nedenle) zamanlarda resmin yerinde yazan yazıydı. Ayrıca görme engelli kullanıcılar için geliştirilen tarayıcılar bu metinleri sesli hale getirip kullanıcıya görsel hakkında bilgi veriyordu. Bu kullanıcı için de iyiydi, hem de sayfamız valid(geçerli) şekilde testten geçer not alıyordu. Bir kodlama standardımız ve kurallarımız vardı ama çoğu anlamsızdı. Kurallara uymayı o kadar seviyorduk ki, bazen validate için ikinci parti kodları saklayıp sahte geçer not alıyorduk. Google geçerli XHTML sayfaları severdi, biz de SEO için kodlarımızı geçerli yazardık tabi. Ama aslında hiçbir anlamı yoktu. Kullandığımız etiketler içerik hakkında bir ipucu vermiyordu. Sadece belirlenmiş kurallara uyuyorduk.

Sonra W3C, XHTML 2.0 üzerinde çalışmaya başladı. Ama yine semantik Web’e doğru bir yönelim söz konusu değildi. Bunun üzerine sektörün önde gelenleri birleşip yeni bir standartlar bütünü oluşturmaya giriştiler. Kendilerini whatwg adıyla tanımladılar. Daha sonra W3C’de olaya dahil olup bu standartlar bütününü HTML5 olarak adlandırdılar. HTML5 bitmiş bir olgu değildir. Sürekli yenilenmektedir. Bir süre önce hgroup etiketi standartlardan çıkarılıp  üç gün sonra yeniden yerine koyuldu. Yani yaşayan standartlarla baş başayız.

HTML5 için şunlar söylenebilir;

  • XHTML’in garip kuralları HTML5’de yoktur. Mesela özellikler tırnaksız da tanımlanabilir. img, br, hr, link gibi etiketler self closed olmak zorunda değillerdir. Hatta önerilmese de p tagı açıp kapatmadan yeni bir etiket ile devam edebilirsiniz ve bu HTML5 validasyonu için gerekli değildir.
  • HTML5 etiketleri arayüz kodlarının sunduğu içeriği taşımasını öngörür. Yani bir paragraf yazacaksanız <p> etiketini kullanırsınız. Bunun yanında yapısal elementler ile anlamsız <div> etiketlerinden daha iyi bir yapı söz konusudur. (section, article, aside, figure, footer, header, nav gibi etiketler kullanılır) .
  • HTML5 bitmiş değildir. Sürekli güncellenir, arayüzü kodlayan kişiyi semantik etiketlemeye zorlamaz ama bunun için gerekli imkanları sunar.
  • HTML5 video, ses gibi çoklu ortam içeriklerini görüntüleyebilen API’ler sunar.
  • HTML5 neredeyse her tarayıcıda farklı oranlarda ve şekillerde desteklenir. Neyi kullanıp kullanamayacağınız için bazı kaynaklara bakmanız gerekir. Mesela Can i use? bunun için güzel bir servistir.
  • Yine tekrarlarsak HTML5 sürekli değişen canlı bir yapıya sahiptir ve takip edilmesi gerekir. Bunu şu adresten yapabilirsiniz.

Bazı kurallar da HTML5 ile değişiyor haliyle. Mesela normal bir HTML sayfasında bir tane <h1> etiketinin olması mantıklı gelir. Çünkü sayfanın başlığıdır. Diğer alt başlıklar h2, h3 diye sıralanır. Ama HTML5 de özendirilen yöntem her section’ın kendi footer’ı veya h1 etiketi ayrı olarak yer alabilir. Bu da sayfanın kodlamasının içerik hakkında ipuçları ile dolu olmasını sağlar. Yani etiketler sadece stil vermek için gruplama yapan terimler değil, sayfanın içeriği hakkında ipuçları da veren etiketler haline geliyor.

Bir HTML5 dökümanını doctype ile HTML5 olarak belirleyebilir ve eski kod alışkanlıklarınızı kullanabilirsiniz. Zamanla HTML5’in kendine has özelliklerini kodlamalarınızda kullanabilirsiniz. Yani ben tamamını öğrenip öyle geçeyim demeyin,  çünkü sürekli geliştiğinden, stabil yakalama şansınız yok.

Ayrıca canvas özelliği ile oyun ve interaktif uygulamalar dahil zengin içerikler yapabilirsiniz. Doğrusu canvas konusuna ben de henüz giriş yapmış değilim 🙂

Kullanın, öğrenin, takipte kalın.

HTML5 Nedir? Ne Değildir?” üzerine 2 yorumlar

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

İnsan mısınız? * Time limit is exhausted. Please reload CAPTCHA.

This site uses Akismet to reduce spam. Learn how your comment data is processed.