Internet Explorer 8 'de HTML 5 Tagları

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 wink

Blog Yorumları (0 Yorum)

avatar
  1. avatar avatar

    {{comment.Name}} dedi ki

Bu makaleyi faydalı buldunuz mu?

Bu içerikle ilgili görüşleriniz önemlidir. Ne düşündüğünüzü söyleyin.

Bu makale faydalı mıydı?

Üzgünüm faydalı değil.
Bildiriminiz gönderiliyor...
Geri bildiriminiz için teşekkürler!
Gönderme sırasında hata alındı!