HTML5: Yap ve Yapma

Bildiğiniz, veya bilmediğiniz gibi, HTML5 web sayfası geliştiricilerinin işine yarayacak birçok yeni özellik ile gelecek. Bunların arasında header, nav, footer gibi semantik özellik içeren yeni elementler de yer alıyor.

Günümüzden geçmişe doğru şöyle bir bakacak olursak, tasarımcıların eskiden tüm sayfalarının tasarımlarını tablolar ile sağladığını görürüz. Bu günümüzde pek de hoş karşılanmayan bir şey, çünkü tablolu tasarımlar CSS ve div yapılarını kullanan web sayfalarının sahip olduğu esnekliğe sahip olamıyorlar ve de HTML sayfalarının asıl görevi olan “bilgi taşıma” görevini aşmış oluyorlar (tasarıma ait olan tüm bilginin CSS dosyalarında barındırılması).

Şimdi bir bakalım, HTML5 yerleştiği zaman ilginç tasarımlarla karşılaşacağımızı düşünüyorum. Aşağıda bu konuya ilişkin 2 tane önerimi bulabilirsiniz:

Yap:

<header>...</header>
<nav>...</nav>
<article>...</article>
<aside>...</aside>
<footer>...</footer>

Yapma:

<table>
 <tr>
   <td><header>...</header></td>
 </tr>
 <tr>
   <td><nav>...</nav></td>
 </tr>
 <tr>
   <td><article>...</article></td>
   <td><aside>...</aside></td>
 </tr>
 <tr>
   <td><footer>...</footer></td>
 </tr>
</table>