Uno dei tag HTML (HyperText Markup Language) e CSS (Cascading Style Sheet) più utilizzati per controllare il layout di una pagina è il tag float. Quando un tag float CSS e HTML viene applicato a un elemento, quella parte della pagina si sposta a sinistra oa destra. Fa sì che altri elementi, come il testo, scorrano attorno ad esso.
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 layout di pagina diversi. Quando una proprietà float HTML viene applicata a un elemento su una pagina, come un’immagine o parte della struttura del sito, l’elemento viene rimosso dal normale “flusso” della pagina e spostato a sinistra oa destra. Ciò consente al web designer un maggiore controllo sulla posizione degli elementi in una pagina.
Uno degli usi più comuni per il tag float CSS e HTML è spostare un’immagine a sinistra oa destra della pagina. Quando un’immagine viene spostata a destra, ad esempio, si sposta sul lato destro dell’elemento contenitore. Anche il testo sulla pagina avvolge un’immagine fluttuante.
Esistono diverse proprietà di un tag float HTML che modificano l’effetto che ha su un elemento HTML. Oltre a fluttuare a sinistra oa destra, ad esempio, il web designer può specificare il tag float HTML come “eredita”. Ciò significa che il tag eredita la proprietà float del suo elemento contenitore. Se, ad esempio, un’immagine viene posizionata all’interno di un riquadro che viene spostato a sinistra di una pagina, il tag inherit fa sì che anche l’immagine venga spostata a sinistra.
Una proprietà utile che viene spesso utilizzata insieme a un tag float è il tag clear. Controlla come vengono visualizzati gli elementi dopo un tag float. Se, ad esempio, un’immagine viene spostata a sinistra ma al testo sottostante è applicato un tag chiaro, il testo apparirà sempre sotto l’immagine anziché accanto ad essa.
Quando il tag float CSS e HTML è stato introdotto per la prima volta, non era supportato da tutti i browser. A partire dal 2011, tuttavia, tutti i principali browser supportano il tag float. 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.