Bu yazımda Html5Shiv nedir? Html5Shiv neden kullanılıyor? sorularına cevap vermeye çalışacağım.
Bazı web sayfalarının kaynak kodlarını incelediğinizde head etiketleri içerisinde Html5Shiv kodlarını görmüşsünüzdür.
|
1 2 3 4 5 |
<!--[if lt IE 9]> <script src="/js/html5shiv.js"></script> <![endif]--> |
Şu anda Html5 tüm modern tarayıcılar tarafından destekleniyor. Fakat IE8 ve önceki sürümleri bazı Html5 öğelerinin (<article>, <section>, <aside>, <nav>, <footer> vb.. ) stillendirilmesine izin vermiyor.
İşte bu konuda çözüm olarak Html5Shiv javascript kodlarını kullanıyoruz.
Html5Shiv web sayfamızdaki head etiketleri arasına yazılır. Bunun için 2 farklı yöntem kullanabilirsiniz.
Birinci yöntem olarak kaynak kodlarını indirip kendi dosyalarınızın içerisine ekleyip bu dosyayı referans verebilirsiniz.
|
1 2 3 4 5 6 7 |
<head> <!--[if lt IE 9]> <script src="/js/html5shiv.js"></script> <![endif]--> </head> |
html5shiv.js dosyasını indirmek için tıklayın.
İkinci yöntem olarakta html5shiv dosyasını CDN olarak sayfanıza ekleyebilirsiniz.
|
1 2 3 4 5 6 7 |
<head> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> </head> |
Bu iki yöntemden istediğinizi kullanabilirsiniz.
Kullandıktan sonra artık IE8 ve öncesi sürümlerinde Html5 etiketlerinin stillendirilmesinde herhangi bir problem kalmayacaktır.
html5shiv.js dosyasının kaynak kodlarını görmek için tıklayın.
Html5Shiv nedir sorusunun cevabını umarım verebilmişimdir.
Şu yazılar da ilginizi çekebilir.
Html5 Nedir? Html5 Etiketleri (Tagları) ve Sayfa Yapısı
Html Nedir? Ne İşe Yarar? Html Sayfası Oluşturma
Yeni bir yazımda görüşmek üzere.
