HTML - HTML5shiv

Par : TutorialsGrey, le 27 Janvier 2022
Programmation Web

Ce didacticiel HTML explique comment utiliser HTML5shiv (une solution de contournement javascript pour Internet Explorer 8 (IE8) et les versions antérieures) en présentant sa syntaxe d'utilsation et des exemples.

 

Description

HTML5shiv est une solution de contournement javscript permettant de prendre en charge les nouveaux éléments HTML5 dans les navigateurs Internet Explorer dont les versions sont antérieures à Internet Explorer 9.

Il s'agit d'une librairie JavaScript html5shiv.js qui va permettre d’interpréter et d’afficher correctement les éléments HTML5.

 

Syntaxe

Syntaxe
La syntaxe d'utilisation de HTML5shiv est la suivante :

<head>
<!--[si inférieur à IE 9]>
    <script src="/js/html5shiv.js"></script>
<![finsi]-->
</head>

 

Remarques

 

Exemples

Dans cette section, nous allons voir quelques exemples d'utilisation de HTML5shiv en HTML5 et HTML 4.01 Transitional.

Document HTML5

Si vous créez une nouvelle page web en HTML5, vous devez inclure HTML5shiv comme suit :

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>HTML5 - HTML5shiv</title>
<!--[si inférieur à IE 9]>
    <script src="/js/html5shiv.js"></script>
<![finsi]-->
</head>

<body>
    <article>
        <h1>Titre de l'article</h1>
        <p>Texte contenu dans l'article</p>
    </article>
</body>

</html>

Dans cet exemple de document HTML5, nous avons ajouté HTML5shiv dans la balise <head>. Dans ce cas, le HTML5shiv est un fichier javascript appelé html5shiv.js qui se trouve dans le répertoire /js.

Si vous ne souhaitez pas télécharger et sauvegarder HTML5shiv sur votre site, vous povez faire référence à la version trouvée sur le site Open Source Software CDN, comme suit :

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>HTML5 - HTML5shiv</title>
<!--[si inférieur à IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![finsi]-->
</head>

<body>
    <article>
        <h1>Titre de l'article</h1>
        <p>Texte contenu dans l'article</p>
    </article>
</body>

</html>

 

Document HTML 4.01 Transitional

HTML5shiv ne s'applique pas à HTML 4.01 Transitional.

Questions récentes

Comment créer une bordure pour un div - CSS ? Comment Aligner le Contenu d'un DIV en Bas à l'Aide de CSS ? Comment centrer horizontalement un div positionné de manière absolue à l'aide de CSS ? Comment créer un effet Drop Caps à l'aide de CSS ? Comment désactiver la vérification d'orthographe des champs de saisie et des zones de texte dans les formulaires HTML ?

Catégories

À propos de nous Contactez-nous Conditions d'utilisation Cookies Politique de confidentialité

© 2024 - TutorialsGrey