Élément vide
Un élément vide (void element en anglais) est un élément HTML qui ne peut pas avoir de nœud enfant (c'est-à-dire des éléments imbriqués ou des nœuds texte). Les éléments vides n'ont qu'une balise ouvrante ; les balises fermantes ne doivent pas être indiquées pour ces éléments.
En HTML, un élément vide ne doit pas avoir de balise fermante. Ainsi, <input type="text"></input> est invalide en HTML. En revanche, pour SVG ou MathML, les éléments qui ne peuvent pas avoir de nœuds enfants peuvent utiliser une balise fermante plutôt que la syntaxe auto-fermante XML.
Les spécifications HTML (angl.), SVG (angl.), et MathML (angl.) définissent précisément ce que chaque élément peut contenir. Aussi, certaines combinaisons de balises n'ont pas de sémantique correcte associée.
Bien qu'on puisse ajouter des nœuds enfants à un élément vide par le biais du DOM en utilisant JavaScript, ce n'est pas une bonne pratique et le résultat obtenu peut ne pas être fiable.
Voici la liste des éléments vides en HTML :
Balises auto-fermantes
Les balises auto-fermantes (<tag />) n'existent pas en HTML.
Si une barre oblique / de fin est présente dans la balise ouvrante d'un élément HTML, les analyseurs syntaxiques HTML ignorent ce caractère. Il est important de se rappeler cette distinction pour les éléments (comme <script> ou <ul>) qui doivent avoir une balise fermante. Pour ces éléments, ajouter une barre oblique à la fin de la balise ouvrante ne suffit pas à fermer l'élément.
Toutefois, certains outils de formatage de code ajoutent une barre oblique de fin aux éléments vides afin de les rendre compatibles avec XHTML et d'améliorer la lisibilité. Ainsi, certains outils de formatage convertissent <input type="text"> en <input type="text" />.
Les balises auto-fermantes sont requises pour les éléments vides en XML, XHTML et SVG (par exemple, <circle cx="50" cy="50" r="50" />).
En SVG et MathML, un élément sans nœuds enfants peut être marqué comme auto-fermant en ajoutant une barre oblique à la fin de sa balise ouvrante. Si la balise ouvrante d'un élément est marquée comme auto-fermante, l'élément ne doit pas avoir de balise fermante.
Note :
Si une barre oblique / est présente dans la balise ouvrante et directement précédée (sans espace) par une valeur d'attribut sans quotes, la barre oblique fait alors partie de la valeur de l'attribut plutôt que d'être ignorée par l'analyseur syntaxique. Ainsi, si on écrit <img src=http://www.example.com/logo.svg/>, cela signifie que l'attribut src contient la valeur http://www.example.com/logo.svg/ et l'URL ainsi construite est invalide.
Voir aussi
- L'entrée de glossaire Les éléments remplacés