HTML
Éléments vides

Angular 2 AngularJS ASP.NET CSS Java Language JavaScript jQuery PHP Python Language twitter-bootstrap
Recherche…


Introduction

Toutes les balises HTML ne sont pas de la même structure. Bien que la plupart des éléments requièrent une balise d'ouverture, une balise de fermeture et un contenu, certains éléments - appelés éléments nuls - ne nécessitent qu'une balise d'ouverture car ils ne contiennent aucun élément. Cette rubrique explique et démontre l'utilisation correcte des éléments vides dans HTML

Remarques

Un élément vide ne peut avoir aucun contenu mais peut avoir des attributs. Les éléments nuls sont auto-fermants, ils ne doivent donc pas avoir de balise de fermeture.

En HTML5 , les éléments suivants sont nuls:

  • area
  • base
  • br
  • col
  • embed
  • hr
  • img
  • input
  • keygen
  • link
  • meta
  • param
  • source
  • track
  • wbr

Éléments vides

HTML 4.01 / XHTML 1.0 Strict comprend les éléments suivants:

  • area - area cliquable, définie dans une image
  • base - spécifie une URL de base à partir de laquelle toutes les bases de liens
  • br - saut de ligne
  • col - colonne dans une table [obsolète]
  • hr - règle horizontale (ligne)
  • img - image
  • input - champ où les utilisateurs entrent des données
  • link - lie une ressource externe au document
  • meta - fournit des informations sur le document
  • param - définit les paramètres pour les plugins

Les normes HTML 5 incluent toutes les balises non obsolètes de la liste précédente et

  • command - représente une commande que les utilisateurs peuvent appeler [obsolète]
  • keygen - facilite la génération de clés publiques pour les certificats Web [obsolète]
  • source - spécifie les sources de média pour les éléments picture , audio et video

L'exemple ci-dessous n'inclut pas les éléments vides: 

<div>
    <a href="http://stackoverflow.com/">
        <h3>Click here to visit <i>Stack Overflow!</i></h3>
    </a>
    <button onclick="alert('Hello!');">Say Hello!</button>
    <p>My favorite language is <b>HTML</b>. Here are my others:</p>
    <ol>
        <li>CSS</li>
        <li>JavaScript</li>
        <li>PHP</li>
    </ol>
</div>

Notez comment chaque élément a une balise d'ouverture, une balise de fermeture et du texte ou d'autres éléments à l'intérieur des balises d'ouverture et de fermeture. Les balises annulées figurent toutefois dans l'exemple ci-dessous: 

<img src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png" />
<br>
<hr>
<input type="number" placeholder="Enter your favorite number">

À l'exception de la balise img, tous ces éléments nuls ne comportent qu'une balise d'ouverture. La balise img, contrairement à toute autre balise, a une fermeture auto / avant le signe supérieur de l'étiquette d'ouverture. Il est préférable d'avoir un espace avant la barre oblique.



Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow