HTML 5 şematik yapı olarak bizlere büyük kolaylıklar sağlıyor. Eskiden header, footer gibi kısımlara id vermek zorunda kalıyorken artık HTML 5 ile header, footer, article, nav gibi alanları html elemanı olarak kullanabiliriyoruz. Bu kolaylıklar bir yana site deki alanların arama motorları tarafından algılanmasıda kolaylaşmış oluyor.
Sizde hala HTML 5 e geçmediyseniz veya hala tam desteği yok diye korkuyorsanız hiç merak etmeyin. Artık HTML kodlarınız tüm tarayıcılarda sorunsuz çalışacak . Bir javascript kodu ve css kodu ile Internet Explorer 6 7 8 de HTML 5 kodlarını diğer tarayıcılarda olduğu gibi görünütüleyebileceğiz. Bu kodlar ile “header, footer, article, aside, hgroup, nav” alanları eski tarayıcınız tarafından tanınacak.
Sayfaya aşağıdaki kodları ekleyin.
[mbkod]<script>
document.createElement(“aside”);
document.createElement(“article”);
document.createElement(“footer”);
document.createElement(“header”);
document.createElement(“hgroup”);
document.createElement(“nav”);
</script>[/mbkod]
[mbkod]
<style>
header, nav, article, footer, address, aside { display:block; }
</style>
[/mbkod]
Artık HTML 5 kodlarınız eski tarayıcılarda bile hatasız görüntülenecektir.
Css açısından html5 in avantajları nedri acaba ?