Vad är en HTML -flottör?

En av de mest använda HyperText Markup Language (HTML) och Cascading Style Sheets (CSS) -taggar för att kontrollera layouten på en sida är flottörtaggen. När en CSS- och HTML -float -tagg appliceras på ett element, flyter den delen av sidan antingen till vänster eller till höger. Det orsakar också andra element, såsom text, att flyta runt den.

HTML -flottören, som faktiskt är en CSS -tagg som appliceras 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 -flottöregenskap appliceras på ett element på en sida, till exempel en bild eller en del av platsstrukturen, tas elementet bort från det normala "flödet" på sidan och flyter antingen till vänster eller höger. Detta gör att 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 flyter till höger, till exempel, rör sig den tillhöger sida av det innehållande elementet. Text på sidan lindas också runt en flytande bild.

Det finns flera egenskaper hos 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 -flottörtaggen som "Inherit". Detta innebär att taggen ärver flottöregenskapen för dess innehållande element. Om till exempel en bild placeras i en låda som flyter till vänster om en sida, så gör att ärvtaggen också svävas till vänster.

En användbar egenskap som ofta används i samband med en float -tagg är den tydliga taggen. Detta styr hur element efter en float -tagg visas. Om till exempel en bild flyter till vänster men texten under den har en tydlig tagg som appliceras på den, kommer texten alltid att visas under bilden snarare än vid sidan av den.

När CSS och HTML FloVid taggen introducerades först, den stöds inte av alla webbläsare. Från och med 2011 stöder alla större webbläsare flottörtaggen. 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 från vilken användaren tittar på webbplatsen.

ANDRA SPRÅK

Hjälpte den här artikeln dig? Tack för feedbacken Tack för feedbacken

Hur kan vi hjälpa? Hur kan vi hjälpa?