Flux

Le flux d'une page web détermine l'ordre dans lequel les éléments sont affichés verticalement et horizontalement. Par défaut, les éléments sont présentés dans l'ordre où ils apparaissent dans le document HTML, de haut en bas. Le flux horizontal se déplace généralement de gauche à droite ; cependant, il est également inversé de droite à gauche dans les langues qui se lisent de droite à gauche.

Chaque élément en HTML est une zone rectangulaire qui occupe une position sur une ligne, similaire à des mots sur une feuille lignée. Il existe deux types principaux d'éléments : les éléments de niveau bloc et les éléments en ligne.

Après avoir examiné l'exemple, la conclusion suivante :

Élément de niveau bloc : occupe toute la largeur de son conteneur, quelle que soit la taille du contenu. Les éléments de type bloc se superposent verticalement, les uns après les autres.

Élément en ligne : occupe uniquement la largeur nécessaire à son contenu. Cela permet aux éléments en ligne de se placer sur la même ligne. Ils passeront à la ligne suivante s'il n'y a pas assez d'espace sur une ligne.

Remarque

La propriété display des éléments HTML est prédéfinie selon les normes et conventions établies par la spécification HTML. Ces normes déterminent le comportement d'affichage par défaut des éléments dans les différents navigateurs web. Vous pouvez trouver le type spécifique de chaque élément dans les liens de référence ou de spécification fournis : Référence HTML et Spécification HTML.

Types d'éléments

Comme mentionné précédemment, chaque élément dans la feuille de style du navigateur possède un type représenté par la propriété display, qui détermine son comportement. Les deux principaux types d'éléments sont les éléments de niveau bloc et en ligne, et il existe également des types supplémentaires, tels que les éléments inline-block.

Éléments en ligne : principalement utilisés pour le style et la mise en valeur de petites parties du contenu, telles que les liens, boutons et images. Ils restent sur la même ligne jusqu'à ce que l'espace soit rempli, puis passent à la ligne suivante.

Éléments de niveau bloc : utilisés pour définir des structures de contenu plus larges comme les titres, paragraphes, listes et sections (par exemple, en-têtes, pieds de page). Ils sont affichés visuellement sous forme de blocs rectangulaires empilés verticalement les uns sur les autres.