Skip to main content

Cos'è un galleggiante HTML?

Uno dei tag dei fogli di stile Hypertext (HTML) e dei fogli di stile a cascata (CSS) più comunemente usati per il controllo del layout di una pagina è il tag galleggiante.Quando un tag Float CSS e HTML viene applicato a un elemento, quella parte della pagina galleggia a sinistra o a destra.Fa anche scorrere altri elementi, come il testo, il float HTML, che in realtà è un tag CSS applicato a un elemento HTML, è una proprietà che viene spesso utilizzata dai web designer per ottenere una varietà di pagina diverselayout.Quando una proprietà Float HTML viene applicata a un elemento su una pagina, come un'immagine o una parte della struttura del sito, l'elemento viene rimosso dal normale "flusso" della pagina e galleggia a sinistra o a destra.Ciò consente al web designer un maggiore controllo su dove appaiono elementi in una pagina.

Uno degli usi più comuni per il tag CSS e HTML Float è quello di spostare un'immagine a sinistra o a destra della pagina.Quando un'immagine viene fluttuata a destra, ad esempio, si sposta sul lato destro dell'elemento contenente.Il testo sulla pagina avvolge anche un'immagine galleggiata.

Esistono diverse proprietà di un tag galleggiante HTML che modificano l'effetto che ha su un elemento HTML.Oltre a fluttuare a sinistra o a destra, ad esempio, il web designer può specificare il tag galleggiante HTML come "ereditare".Ciò significa che il tag eredita la proprietà galleggiante del suo elemento contenente.Se, ad esempio, un'immagine viene posizionata all'interno di una scatola che viene fluttuata a sinistra di una pagina, il tag ereditaFloat Tag è il tag chiaro.Questo controlla come vengono visualizzati elementi dopo un tag galleggiante.Se, ad esempio, un'immagine viene fluttuata a sinistra ma il testo sottostante ha un tag chiaro applicato ad esso, allora il testo apparirà sempre sotto l'immagine anziché accanto ad essa.

Quando il tag CSS e HTML float è stato primoIntrodotto, non è stato supportato da tutti i browser.A partire dal 2011, tuttavia, tutti i principali browser supportano il float tag.Ciò significa che un web designer può teoricamente utilizzare il tag senza preoccuparsi se causerà un aspetto diverso a seconda del browser da cui l'utente sta visualizzando il sito Web.