Vad är en HTML-float?
En av de mest använda HyperText Markup Language (HTML) och cascading style ark (CSS) -taggar för att kontrollera layouten på en sida är float-taggen. När en CSS- och HTML-float-tagg tillämpas på ett element flyter den delen av sidan antingen till vänster eller till höger. Det får också andra element, till exempel text, att flyta runt den.
HTML-flottören, som faktiskt är en CSS-tagg som används på ett HTML-element, är en egenskap som ofta används av webbdesigners för att uppnå en mängd olika sidlayouter. När en HTML float-egenskap tillämpas på ett element på en sida, till exempel en bild eller del av webbplatsstrukturen, tas elementet bort från det normala "flödet" på sidan och flyter antingen till vänster eller höger. Detta gör det möjligt för webbdesignern större kontroll över var element visas på en sida.
En av de vanligaste användningarna för CSS- och HTML-float-taggen är att flytta en bild till vänster eller höger på sidan. När en bild flyttas till höger flyttar den till exempel till höger om det innehållande elementet. Text på sidan lindas också runt en flytande bild.
Det finns flera egenskaper för en HTML-float-tagg som ändrar effekten den har på ett HTML-element. Bortsett från att flyta till vänster eller höger, till exempel, kan webbdesignern ange HTML-float-taggen som ”ärva”. Detta innebär att taggen ärver flottöregenskapen för dess innehållande element. Om till exempel en bild placeras i en ruta som flyttas till vänster på en sida, så får den ärva taggen också att bilden flyts till vänster.
En användbar egenskap som ofta används i samband med en flottörtagg är den tydliga taggen. Detta styr hur element efter en flottörtagg visas. Om till exempel en bild flyts till vänster men texten under den har en tydlig tagg applicerad på den, kommer texten alltid att visas under bilden snarare än vid sidan av den.
När CSS- och HTML-float-taggen först introducerades stöds den inte av alla webbläsare. Från 2011 stöder dock alla stora webbläsare float-taggen. Detta innebär att en webbdesigner teoretiskt kan använda taggen utan att oroa sig för om den kommer att orsaka ett annat utseende beroende på webbläsaren som användaren tittar på webbplatsen från.