Éléments en bloc HTML et éléments en ligne

Les éléments HTML peuvent être combinés à l'aide de <div> et <span>.

Élément de niveau bloc HTML

La plupart des éléments HTML sont définis comme éléments de niveau bloc ou éléments en ligne.

Note de l'éditeur : « élément de niveau bloc » se traduit par block level element, « élément en ligne » se traduit par inline element.

Lors de l'affichage dans le navigateur, les éléments de niveau bloc commencent généralement par une nouvelle ligne (et se terminent par une nouvelle ligne).

Exemples : <h1>, <p>, <ul>, <table>

Élément en ligne HTML

Les éléments en ligne ne commencent généralement pas par une nouvelle ligne lors de l'affichage.

Exemples : <b>, <td>, <a>, <img>

Élément <div> HTML

L'élément <div> HTML est un élément de niveau bloc, utilisé comme conteneur pour d'autres éléments HTML.

L'élément <div> n'a pas de signification spécifique. De plus, en tant qu'élément de niveau bloc, le navigateur affiche un saut de ligne avant et après lui.

Lorsqu'il est utilisé avec CSS, l'élément <div> peut être utilisé pour définir des attributs de style pour de grands blocs de contenu.

Une autre utilisation courante de l'élément <div> est la mise en page du document. Il remplace l'ancienne méthode de mise en page utilisant des tableaux. L'utilisation des éléments <table> pour la mise en page du document n'est pas une utilisation correcte des tableaux. L'élément <table> est utilisé pour afficher des données tabulaires.

Élément <span> HTML

L'élément <span> HTML est un élément en ligne, utilisé comme conteneur de texte.

L'élément <span> n'a pas de signification spécifique.

Lorsqu'il est utilisé avec CSS, l'élément <span> peut être utilisé pour définir des attributs de style pour un texte partiel.

Balises de regroupement HTML

Balise Description
<div> Définir une partition ou une section (division/section) dans le document.
<span> Définir span, utilisé pour regrouper des éléments en ligne dans le document.