HTML5 Suport. Problema cu Internet Explorer 8. Sintaxa pentru HTML5Shiv. Exemplu HTML5Shiv.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Puteți utiliza soluția descrisă în HTML5 Support - Partea 1 pentru toate elementele HTML5 noi.
Cu toate acestea, IE8 (și versiunile anterioare) nu permite stilizarea elementelor necunoscute!
Din fericire, Sjoerd Visscher a creat HTML5Shiv! HTML5Shiv este o soluție JavaScript pentru a permite stilizarea elementelor HTML5 în versiunile de Internet Explorer înainte de versiunea 9.
Veți avea nevoie de HTML5Shiv pentru a oferi compatibilitate pentru browsere IE mai vechi decât IE 9.
Sintaxa pentru HTML5Shiv
HTML5Shiv este plasat în eticheta <head>.
HTML5Shiv este un fișier javascript la care se face referire într-o etichetă <script>.
Ar trebui să utilizați HTML5Shiv când utilizați noile elemente HTML5 precum: <article>, <section>, <aside>, <nav>, <footer>.
Puteți descărca cea mai recentă versiune a HTML5shiv de la github sau consultați versiunea CDN la https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js
Sintaxă
<head>
<!--[if lt IE 9]>
<script src="/js/html5shiv.js"></script>
<![endif]-->
</head>
Exemplu HTML5Shiv
Dacă nu doriți să descărcați și să stocați HTML5Shiv pe site-ul dvs., puteți face referire la versiunea găsită pe site-ul CDN.
Scriptul HTML5Shiv trebuie plasat în elementul <head>, după orice foi de stil:
Exemplu:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<section>
<h1>Orașele celebre</h1>
<article>
<h2>Londra</h2>
<p>Londra este capitala Angliei. Este cel mai populat oraș din Regatul Unit, cu o zonă metropolitană de peste 13 milioane de locuitori.</p>
</article>
<article>
<h2>Paris</h2>
<p>Paris este capitala și cel mai populat oraș al Franței.</p>
</article>
<article>
<h2>Tokyo</h2>
<p>Tokyo este capitala Japoniei, centrul zonei Greater Tokyo și cea mai populată zonă metropolitană din lume.</p>
</article>
</section>
</body>
</html>