HTML5 Nedir ?

HTML 5 HTML dilinin son sürümüdür. Mozilla Firefox ve Opera tarayıcılarının güncel sürümleri tarafından kısmen desteklenmektedir, Google Chrome ve Safari tarayıcılarının güncel sürümleri üzerinde, deneme aşamasında da olsa çok daha iyi bir şekilde çalışmaktadır. Zamanla tüm tarayıcılarda tam olarak desteklenecektir.

Günümüzde kullanılan HTML 4.1 sürümü, CSS desteğiyle ne kadar düzenli ve sağlam bir yapıda kodlanırsa kodlansın, yine de fazladan yazılan kodların işlevselliği bozduğu bilinmektedir. Bu yüzden HTML 5 bu ihtiyaçları karşılamak adına geliştirilmeye başlanmıştır. Video paylaşım sitesi Youtube, deneme aşamasında HTML5’i kullanıcılarına sunmaktaydı, fakat http://shiftdelete.net/youtube-html5ten-vazgecti-21896.html adresindeki bilgiye göre bir süre için bundan vazgeçti.

Fakat youtube Flash nedeniyle mobil cihazlarda görüntülenme konusunda ciddi sıkıntılar yaşamaktaydı, bunun için önemli bir adım attı ve tümüyle HTML5 destekli web sayfasını yayına koydu ( http://shiftdelete.net/ve-html5-destekli-youtube-yayinda-22036.html )

iPhone ve Android kullanıcıları artık YouTube’a doğrudan web tarayıcı üzerinden girebilecek. Bunun için tamamen HTML 5 destekli bir sayfa hazırlayan Youtube’un, bu arayüzüne m.youtube.com bağlantısı kullanılarak erişilebiliyor.

HTML5 ile gelen yenilikler;

Yeni Elementler

  • <canvas>: Sayfada bir tuval alanı oluşturur. Tuvale çizim javascript ile yapılabilir.
  • <audio>: Sayfaya ses oynatıcı bir modül ekler.
  • <video> : Video oynatıcı bir modül ekler.
  • <progress> : İşlem süreci göstergesi ekler.
  • <caption> : Başlık olarak düşünülen metinleri düzenler.
  • <header> : Sitenin başlık ve açıklama içeriğini alır.
  • <nav> : Menüleri ve bir takım zaruri işlevleri içine alır.
  • <footer> : Sitelerin en alt kısmını içine alır.
  • <section> : Sitelerin ana içerik kısmını içine alır.
  • <aside> : Ana içerikte ayrı yazılan kısımdır.
  • <article> : Makale, deneme tarzı yazıları kapsar.
  • <embed> : Dışarıdan eklenen componentler için kullanılır. (Örn : .swf uzantılı dosyalar)
  • <details> : Detay bilgisi içerir.
  • <summary> : Yazının başlığını belirler.
  • <time> : Tarih, saat verilerini kapsar.
  • <mark> : Yazı içerisinde özellikle üstünde durulan kelimeleri belirler.
  • <fig>
  • <figure>
  • <hgroup>

html 5 hakkında çok şey duyduk ve duymaya devam edeceğiniz sınırlarının nerelere varabileceğini, gücünün nelere yettiği konusunda henüz net bir görüntü yok. Ama şu ana kadar gördüğümüz uygulamalar bile gelecekte bizi bekleyen güzel günlerin habercisi niteliğinde. Zaten birçok uzman da html5’in birçok alanda sarsıcı etki yaratacağıgörüşünde hem fikir.

HTML5 ile yapılmış bir oyun: http://www.watersheep.org/~markh/html_canvas/game.html

HTML5 Video Oynatıcı: http://flarevideo.com