Pour la plupart des éléments HTML, vous commencez par une balise d'ouverture et vous terminez par une balise de fermeture. Entre ces deux balises, le contenu de l'élément apparaît. Par exemple:
<p> Voici le texte c
L'élément de paragraphe simple montre comment une balise d'ouverture et une balise de fermeture sont utilisées. La plupart des éléments HTML suivent ce même modèle, mais plusieurs balises HTML n'incluent 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 ne nécessitent pas de balise de fermeture pour être valides. Ces éléments sont généralement ceux qui se tiennent seuls sur la page ou dont la fin de leur contenu est évidente dans le contexte de la page elle-même.
La liste des éléments vides HTML
Plusieurs balises HTML 5 sont des éléments vides. Lorsque vous écrivez du code HTML valide, vous devez laisser la barre oblique de fin pour ces balises comme indiqué ci-dessous. La barre oblique finale est cependant requise pour un XHTML valide.
- <area>: Utilisé pour la zone à l'intérieur d'une carte image.
- <Base>: URL de base de toutes les URL relatives d'un document. Il ne peut y en avoir plus d'un par document et il doit se trouver en tête de page.
- <br>: Saut de ligne, souvent utilisé dans le contenu de texte pour créer un seul saut de ligne au lieu d'un paragraphe. Il ne doit pas être utilisé pour créer une séparation visuelle sur une page en empilant de nombreuses balises <br>, car cette fonction est un besoin visuel et donc le domaine du CSS au lieu du HTML.
- <col>: Spécifie les propriétés de colonne pour chaque colonne dans un élément <colgroup>.
- <commande>: Spécifie une commande qu'un visiteur peut appeler.
- <incorporer>: Utilisé avec des applications externes et du contenu interactif pour l'intégration.
- <hr>: Une règle horizontale, qui est une ligne droite sur une page. Dans de nombreux cas, les bordures CSS créent des lignes de séparation au lieu de cet élément HTML.
- <img>: L'un des éléments les plus puissants du HTML, c'est la balise d'image. Il est utilisé pour ajouter des images graphiques à une page Web.
- <Entrée>: É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" courante utilisée dans les formulaires depuis des années, à certains nouveaux types d'entrée qui font partie de HTML5.
- <keygen>: Cette balise crée un champ générateur de paires de clés qui est utilisé pour les formulaires.
- <link>: A ne pas confondre avec la balise "hyperlien" ou ancre (<a>), ce lien sert à établir un lien entre un document et une ressource externe. Utilisez-le pour créer un lien vers un fichier CSS externe, par exemple.
- <Meta>: Les balises Meta sont des «informations sur le contenu». Ils se trouvent dans la tête d'un document et sont utilisés pour transmettre des informations de page au navigateur. Il existe de nombreuses balises méta que vous pouvez utiliser sur une page Web.
- <param>: Utilisé pour définir les paramètres des plugins.
- <source>: Cette balise vous permet de spécifier des chemins de fichiers alternatifs pour les médias sur votre page, y compris des vidéos, des images ou des fichiers audio.
- <piste>: Cette balise définit une piste à utiliser avec un fichier multimédia, une vidéo ou de l'audio, qui sont souvent ajoutés avec les balises <video> ou <audio>.
- <wbr>: Cela signifie Word Break Opportunity. Il spécifie où dans un bloc de texte il serait acceptable d'ajouter un saut de ligne.