Élément HTML

Un document HTML est composé d'une série d'éléments HTML, formant la base de la structure d'une page web.

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

Les éléments HTML vont dela balise de débutàla balise de fin,la structure complète entre les deux.

Balise de début Contenu de l'élément Balise de fin
<p> Ceci est un paragraphe </p>
<a href="default.htm.html"> Ceci est un lien </a>
<br> Saut de ligne (élément vide) Aucune

Description:

  • La balise de début est aussi appeléebalise d'ouverture
  • La balise de fin est aussi appeléebalise de fermeture

Règles de syntaxe des éléments HTML

  • Un élément commence parBalise d’ouverturecommence parBalise de fermetureFin
  • Le contenu de l’élément se situe entre la balise d’ouverture et la balise de fermeture.
  • Certains éléments sont de typeÉlément vide, sans contenu
  • Les éléments vides sont généralement auto-fermés dans la balise d’ouverture (par ex.,<br />）
  • La plupart des éléments peuvent contenirAttributs

Astuce :Les attributs seront présentés en détail dans les chapitres suivants.

Imbrication des éléments HTML

Les éléments HTML peuvent être imbriqués les uns dans les autres, formant une structure arborescente :

  • Un élément peut contenir d’autres éléments
  • Un document HTML est essentiellement une structure imbriquée (arbre DOM).

Exemple de document HTML

<!DOCTYPE html>
<html>

  <body>
<p>Ceci est le premier paragraphe.</p>
  </body>

</html>

L'exemple contient 3 éléments essentiels :html、body、p。

Analyse de l'exemple

Élément <p> (paragraphe)

<p>Ceci est le premier paragraphe.</p>

Définit un paragraphe contenant du contenu textuel.

Élément <body> (body)

<body>
<p>Ceci est le premier paragraphe.</p>
</body>

Définit le contenu principal de la page et peut contenir plusieurs éléments enfants.

Élément <html> (élément racine)

<html>

  <body>
<p>Ceci est le premier paragraphe.</p>
  </body>

</html>

Le nœud racine de tout le document HTML ; tout le contenu doit y être contenu.

À propos de la balise de fermeture

Dans certains cas, le navigateur complétera automatiquement les balises de fermeture manquantes :

<p>Ceci est un paragraphe
<p>Ceci est un autre paragraphe

Bien qu'il puisse s'afficher normalement,il n'est pas recommandé de se fier à ce comportement, ce qui peut entraîner :

  • Structure cassée
  • Anomalies de style
  • Problèmes de compatibilité

Éléments vides HTML

Les éléments vides sont des éléments sans contenu, par exemple :

  • <br>(saut de ligne)
  • <img>(image)
  • <input>(champ de saisie)

Syntaxe recommandée :

<br />

Cette syntaxe est compatible avec HTML, XHTML et XML, et elle est plus standardisée.

Bonne pratique : utiliser des balises en minuscules

balise HTMLInsensible à la casse, mais recommandé :

  • Utilisez uniformémentdes balises en minuscules
  • Conforme aux spécifications W3C
  • Améliore la lisibilité et la cohérence du code
autres extensions