Qu'est-ce qu'un flottant HTML?

La balise flottante est l'une des balises HTML (HTML) et des feuilles de style en cascade (CSS) les plus utilisées pour contrôler la mise en page d'une page. Lorsqu'une balise flottante CSS et HTML est appliquée à un élément, cette partie de la page flotte à gauche ou à droite. Cela provoque également la circulation d'autres éléments, tels que du texte.

Le flottant HTML, qui est en fait une balise CSS appliquée à un élément HTML, est une propriété qui est souvent utilisée par les concepteurs Web pour réaliser une grande variété de mises en page. Lorsqu'une propriété float HTML est appliquée à un élément d'une page, telle qu'une image ou une partie de la structure du site, l'élément est supprimé du «flux» normal de la page et est flotté à gauche ou à droite. Cela permet au concepteur Web de mieux contrôler l'emplacement des éléments sur une page.

L'une des utilisations les plus courantes des balises flottantes CSS et HTML consiste à déplacer une image à gauche ou à droite de la page. Lorsqu'une image est flottée vers la droite, par exemple, elle se déplace vers la droite de l'élément conteneur. Le texte sur la page entoure également une image flottante.

Plusieurs balises HTML flottantes modifient l’effet qu’elles ont sur un élément HTML. En plus de flotter vers la gauche ou la droite, par exemple, le concepteur Web peut spécifier la balise flottante HTML comme «hériter». Cela signifie que la balise hérite de la propriété float de son élément conteneur. Si, par exemple, une image est placée dans une zone flottante à gauche d'une page, la balise héritée entraîne également le flottement de l'image à gauche.

Une propriété utile souvent utilisée avec une balise float est la balise clear. Ceci contrôle la manière dont les éléments après une balise float sont affichés. Si, par exemple, une image est flottante à gauche mais que le texte en dessous est associé à une balise transparente, le texte apparaîtra toujours sous l'image plutôt que à côté.

Lorsque les balises float CSS et HTML ont été introduites pour la première fois, elles n'étaient pas prises en charge par tous les navigateurs. Depuis 2011, toutefois, tous les principaux navigateurs prennent en charge la balise float. Cela signifie qu'un concepteur Web peut théoriquement utiliser le tag sans se demander s'il va provoquer une apparence différente en fonction du navigateur à partir duquel l'utilisateur visualise le site Web.

DANS D'AUTRES LANGUES

Cet article vous a‑t‑il été utile ? Merci pour les commentaires Merci pour les commentaires

Comment pouvons nous aider? Comment pouvons nous aider?