Web durmaksızın gelişiyor. Hergün HTML’in sınırılarını her yönde zorlayan yepyeni ve yaratıcı birçok websitesi tasarlanıyor. HTML 4 neredeyse 10 yıldır bizlerle ve artık tasarımcılar tarayıcı ve dil özelliklerini en verimli şekilde kullanabilecekleri yeni bir teknik arayışına girdiler.
HTML 5 form kontrollerinin, APIlerin, çoklu ortamların, yapıların ve anlamsal işlemlerin bulunduğu geniş çaplı bir özellik hazinesini sunmakta ve barındırmaktadır. Böylelikle yazarlar tasarımlarında ve uygulamalarında daha esnek ve yaratıcı olabilirler.
HTML 5, 2004 yılında tanıtılmıştır ve şuan W3C HTML WG ve WHATWG ortak çalışması olarak devam etmektedir. 4 büyük tarayıcı markası olan Apple, Mozilla, Opera ve Microsoft’un temsilcileri W3C içinde baş geliştirici olarak ortak çalışmaktadır. Bunların yanında birçok oluşum ve bağımsız kişi farklı farklı bölümlerde ilgi ve uzmanlıklarını paylaşmaktadırlar.
Özellik sayfası henüz geliştirme aşamasında olan ve tamamlanması için daha birçok eklenti yapılması gereken bir süreçtir. Bu doğrultunda yazıda bahsedeceğimiz bazı olası özellikler gelecekte değişime uğrayabilirler. Bu makale henüz geliştirilmekte olan birçok ana özelliğe kısa bir bakış yapmanızı sağlayacak bilgiler sunmaktadır.
Yapısı
HTML 5 sayfaların yapısını kolay ve hızlı bir şekilde yapmanızı sağlayacak birçok yeni nesneyle birlikte gelmektedir. Çoğu HTML 4 sayfası başlıklar, altlıklar ve sütunlar gibi birçok tanımlayıcı yapı nesnesini içermektedir ve genellikle hangi yapıyı temsil ettikleri div nesnelerinin id veya class öznitelikleriyle işaret edilmektedir.
Örnek grafikte alışılageldik 2 sütunlu bir yapı örneğinin div nesnesinin id ve class öznitelikleriyle tanımlanmış halini görmektesiniz. Bir adet başlık, altlık ve başlığın altında yer alan yatay bir erişim çubuğu içermektedir. Ana içerik bir makale ve sağ tarafta bir yan menü içermektedir.
HTML 4 üzerinde div elementinin geniş olarak kullanılmasındaki asıl neden özel olarak bu bölgelerdeki anlamsal ifade eksikliğini gidermektir. HTML 5 ise bu sorunu farklı bölümleri temsil eden farklı nesneler sunarak gidermeyi hedeflemektedir.
Div nesneleri yeni tanıtılan nesneler ile yer değiştirilebilir: header, nav, section, article, aside ve footer.
Bahsi geçen dökümanın biçimlendirmesi aşağıdaki gibi olmaktadır.
<body>
<header>…</header>
<nav>…</nav>
<article>
<section>
…
</section>
</article>
<aside>…</aside>
<footer>…</footer>
</body>
