HTML 5 tagları kullanarak yaptığım siteleri diğer tarayıcılarda kontrol etmek üzere yola koyulmuştum, Internet Explorer 9, 10 ve 11 de sorunsuz olarak çalışan web sitem, IE 8 sürümünde tamamen sorunlu gözüküyor. Uyum sorunu olduğu aşikar, peki nasıl çözeriz?
Javascript 'te document.createElement özelliği ile html5 taglarını tanıtacağız ve CSS bölümünden bu tagların display özelliklerini block yaparak ekranda düzgün görünmesini sağlayacağız.
<script> document.createElement('header'); document.createElement('nav'); document.createElement('section'); document.createElement('article'); document.createElement('aside'); document.createElement('footer'); </script>
Yukarıdaki kodları ekleyerek html5 taglarını tanıttık.
Son olarak Css dosyamıza aşağıdaki kodları eklemeliyiz.
header, nav, section, article, aside, footer { display: block; }
Bu sayede IE 8 sürümünde html 5 taglarını sorunsuz kullanabiliriz