Balises ouvrantes, fermantes et orphelines
Aviez-vous remarqué ? Dans le code HTML, certaines balises sont ouvrantes et fermantes, tandis que d’autres ne nécessitent qu’une seule balise :
Balises paires (ouvrantes et fermantes) :
Elles encadrent un contenu, nécessitant une balise d’ouverture et une balise de fermeture.
Exemple avec un paragraphe :
<p>Ceci est un paragraphe</p>
Balises orphelines (auto-fermantes) :
Elles ne contiennent pas de contenu, donc elles se ferment directement dans la même balise.
Exemple avec une image :
<img src="images/image1.jpg" alt="Description de l'image"> Pour information : en HTML5, il n’est pas obligatoire de fermer une balise orpheline avec une barre oblique (/), mais cette pratique peut être utile pour la compatibilité avec d’autres formats comme XHTML.
<img src="images/image1.jpg" alt="Description de l'image">
<img src="images/image1.jpg" alt="Description de l'image"/>