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 affichés dans l'ordre dans lequel ils apparaissent dans le document HTML, de haut en bas. Le flux horizontal se déplace généralement de gauche à droite ; cependant, le flux 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 aux 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 inspecté l'exemple, une telle conclusion :

Élément de niveau bloc : occupe toute la largeur de son conteneur, quelle que soit la taille du contenu. Les éléments de bloc s'empilent les uns sur les autres, l'un après l'autre.

Élément en ligne : n'occupe que la largeur nécessaire à son contenu. Cela permet aux éléments en ligne de se trouver 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 dictent le comportement de rendu par défaut des éléments à travers divers navigateurs web. Vous pouvez trouver le type spécifique de tout é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 a 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 les éléments 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 évidence de petites parties de contenu, telles que les liens, les boutons et les images. Ils restent sur la même ligne jusqu'à ce que l'espace soit rempli, puis ils passent à la ligne suivante.

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