Balises Singleton HTML sans balise de fermeture

Pour la plupart des éléments HTML, lorsque vous écrivez le code HTML pour les afficher sur une page, vous commencez par une balise d'ouverture et se termine par une balise de fermeture. Entre ces deux balises serait le contenu de l'élément. Par exemple:

Ceci est le contenu du texte

Cet élément de paragraphe simple montre comment une balise d'ouverture et une balise de fermeture seraient utilisées. La plupart des éléments HTML suivent le même schéma, mais il existe un certain nombre de balises HTML qui n'ont pas à la fois une balise d'ouverture et une balise de fermeture.

Qu'est-ce qu'un élément vide?

Les éléments void ou les balises singleton en HTML sont des balises qui n'exigent pas qu'une balise de fermeture soit valide. Ces éléments sont généralement ceux qui sont autonomes sur la page ou dont la fin du contenu est évidente à partir du contexte de la page elle-même.

La liste des éléments vides HTML

Il existe plusieurs balises HTML 5 qui sont des éléments vides. Lorsque vous écrivez du code HTML valide, vous devez laisser la barre oblique inférieure pour ces balises. C’est ce qui est présenté ci-dessous. Si vous écrivez en XHTML, la dernière barre oblique sera requise.

• - utilisé pour la zone à l'intérieur d'une carte d'image
• - l'URL de base de toutes les URL relatives d'un document. Il ne peut y en avoir plus d’un par document et ce doit être dans le de la page
• 
  - il s'agit d'un saut de ligne, souvent utilisé dans le contenu textuel pour créer un seul saut de ligne au lieu d'un paragraphe. Cela ne doit pas être utilisé pour créer une séparation visuelle sur une page en empilant plusieurs
  balises puisque c'est un besoin visuel et donc le domaine de CSS
• - spécifie les propriétés de colonne pour chaque colonne dans un élément
• - spécifie une commande qu'un utilisateur peut appeler
• - utilisé avec des applications externes et du contenu interactif pour l'intégration
• - une règle horizontale, qui est une ligne droite sur une page. Dans de nombreux cas, les bordures CSS sont utilisées pour créer des lignes de séparation au lieu de cet élément HTML
• - L’un des éléments de base du langage HTML, c’est la balise image. Il est utilisé pour ajouter des images graphiques à une page Web.
• - un élément de formulaire utilisé pour capturer les informations des visiteurs. Il existe un certain nombre de types d'entrée valides, de l'entrée "texte" commune utilisée depuis des années dans les formulaires, à de nouveaux types d'entrée faisant partie de HTML5.

• - ceci est utilisé pour dicter un champ générateur de paire de clés qui est utilisé pour les formulaires
• - à ne pas confondre avec les balises "hyperlink" ou anchor (), ce lien permet de définir une ligne entre un document et une ressource externe. Vous l'utiliseriez pour créer un lien vers un fichier CSS externe, par exemple
• - les balises META sont des "informations sur le contenu". Ils se trouvent dans le d'un document et utilisé pour transmettre des informations de page au navigateur. Il existe de nombreuses balises META que vous pouvez utiliser sur une page Web.
• - utilisé pour définir les paramètres des plugins
• - cette balise vous permet de spécifier d'autres chemins de fichiers pour les médias sur votre page, y compris des vidéos, des images ou des fichiers audio.
• - cette balise définit une piste à utiliser avec un fichier multimédia, une vidéo ou un fichier audio, qui sont souvent ajoutés au
• - cela représente une opportunité de rupture de mot. Il spécifie où dans un texte il serait acceptable d'ajouter un saut de ligne.

Une fois encore, ces balises singleton sont une exception à la règle par opposition à la règle car la majorité des éléments HTML nécessitent en effet une balise d'ouverture et une balise de fermeture. Parmi ces éléments singleton, certains que vous utiliserez probablement souvent (comme img, meta ou input), tandis que d’autres sont ceux que vous n’aurez jamais besoin d’utiliser dans votre travail de conception Web (keygen, wbr et command sont trois pas commun sur les pages Web). Néanmoins, il est utile de se familiariser avec ces balises et de comprendre l’idée des balises HTML singleton, qu’elles soient courantes ou rares dans les pages HTML. Vous pouvez utiliser cette liste comme référence pour votre développement Web.

Article original de Jennifer Krynin. Edité par Jeremy Girard le 05/5/17.