Prise en charge de HTML5 par les navigateurs

Tous les navigateurs modernes prennent en charge HTML5 et gèrent automatiquement les éléments inconnus comme des éléments en ligne. De plus, il est possible d'« apprendre » aux anciens navigateurs à gérer ce type d'éléments.

Les éléments sémantiques comme éléments de bloc

HTML5 spécifie plusieurs nouveaux éléments sémantiques, et tous sont des éléments de bloc. Voici la liste :

Définissez la propriété CSS display pour les éléments mentionnés ci-dessus afin de garantir un comportement correct dans les anciens navigateurs :

css

header, section, footer, aside, nav, main, article, figure {
  display: block;
}

HTML5Shiv

Le HTML5Shiv est placé à l'intérieur de la balise <head>. Il s'agit d'un fichier JavaScript. Il est référencé dans une <script> balise.

Vous devez utiliser le HTML5Shiv lors de l'utilisation des nouveaux éléments HTML5.

Exemple de HTML5Shiv :

html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <section>
      <h1>The most beautiful places in the world</h1>
      <article>
        <h2>Salar de Uyuni, Bolivia</h2>
        <p>The world's largest salt flats, spanning 4086 miles (10,582 sq. km), Salar de Uyuni is unlike anywhere else on earth.</p>
      </article>
      <article>
        <h2>Moraine Lake, Canada</h2>
        <p>Moraine Lake may be only half the size of its nearby neighbour Lake Louise, but it's even more scenic.</p>
      </article>
      <article>
        <h2>Iguazu Falls, Argentina/Brazil border</h2>
        <p>One of the modern natural wonders of the world, this chain of mini waterfalls is one of the planet's most awe-inspiring sights.</p>
      </article>
    </section>
  </body>
</html>

Try it Yourself »

Prise en charge de HTML5 par les navigateurs ​

Les éléments sémantiques comme éléments de bloc ​

HTML5Shiv ​

Exemple de HTML5Shiv : ​

Pratique ​

Prise en charge de HTML5 par les navigateurs

Les éléments sémantiques comme éléments de bloc

HTML5Shiv

Exemple de HTML5Shiv :

Pratique