Hvad er en HTML-float?
Et af de mest almindeligt anvendte HyperText Markup Language (HTML) og kaskadestilark (CSS) -koder til kontrol af layoutet på en side er float-tagget. Når et CSS- og HTML-float-tag anvendes på et element, flyder den del af siden enten til venstre eller til højre. Det får også andre elementer, såsom tekst, til at flyde rundt om det.
HTML-float, som faktisk er et CSS-tag, der anvendes til et HTML-element, er en egenskab, der ofte bruges af webdesignere til at opnå en række forskellige sideindstillinger. Når en HTML-flydende egenskab anvendes til et element på en side, såsom et billede eller en del af webstedsstrukturen, fjernes elementet fra den normale "flow" på siden og flyder enten til venstre eller højre. Dette giver webdesigner større kontrol over, hvor elementer vises på en side.
En af de mest almindelige anvendelser til CSS- og HTML-float-tag er at flytte et billede til venstre eller højre på siden. Når et billede flydes til højre, flytter det for eksempel til højre for det indeholdende element. Tekst på siden omslutter også et flydende billede.
Der er flere egenskaber ved et HTML-float-tag, der ændrer den effekt, det har på et HTML-element. Bortset fra at flyde til venstre eller højre, for eksempel, kan webdesigner specificere HTML-float-tagget som "arve". Dette betyder, at mærket arver floategenskabet for dets indeholdende element. Hvis der for eksempel placeres et billede i en boks, der flydes til venstre på en side, får arvelaget også billedet til at flydes til venstre.
En nyttig egenskab, der ofte bruges i forbindelse med et float-tag, er det klare tag. Dette styrer, hvordan elementer efter et float-tag vises. Hvis for eksempel et billede flydes til venstre, men teksten under det har et klart mærke påført det, vises teksten altid under billedet i stedet for ved siden af.
Da CSS- og HTML-float-taget først blev introduceret, understøttedes det ikke af alle browsere. Fra 2011 understøtter imidlertid alle større browsere float-tagget. Dette betyder, at en webdesigner teoretisk kan bruge tagget uden at bekymre sig om, om det vil forårsage et andet udseende, afhængigt af browseren, hvorfra brugeren ser webstedet.