Hva er en HTML-flottør?

En av de mest brukte HyperText Markup Language (HTML) og kaskaderende stilarkene (CSS) for å kontrollere oppsettet på en side er float-taggen. Når en CSS- og HTML-float-kode brukes på et element, flyter den delen av siden enten til venstre eller til høyre. Det får også andre elementer, for eksempel tekst, til å flyte rundt den.

HTML-flottøren, som faktisk er en CSS-kode som brukes på et HTML-element, er en egenskap som ofte brukes av webdesignere for å oppnå en rekke forskjellige sideoppsett. Når en HTML float-egenskap brukes til et element på en side, for eksempel et bilde eller del av nettstedstrukturen, fjernes elementet fra den normale "flyt" på siden og flyter enten til venstre eller høyre. Dette gjør at webdesigneren får større kontroll over hvor elementer vises på en side.

En av de vanligste bruksområdene for float-taggen CSS og HTML er å flytte et bilde til venstre eller høyre på siden. Når et bilde flytes til høyre, for eksempel, beveger det seg til høyre side av det inneholder elementet. Tekst på siden kretser også rundt et flytende bilde.

Det er flere egenskaper for en HTML float-kode som endrer effekten den har på et HTML-element. Bortsett fra å flyte til venstre eller høyre, for eksempel, kan webdesigneren spesifisere HTML-float-koden som “arve”. Dette betyr at taggen arver floategenskapen til det inneholder elementet. Hvis for eksempel et bilde plasseres i en boks som flytes til venstre på en side, vil arvelaggen også føre til at bildet flytes til venstre.

En nyttig egenskap som ofte brukes i forbindelse med en flottørkode er den klare koden. Dette kontrollerer hvordan elementer etter en flottørmerke vises. Hvis for eksempel et bilde flytes til venstre, men teksten under det har en tydelig kode påført, vil teksten alltid vises under bildet i stedet for ved siden av.

Da CSS- og HTML-float-taggen først ble introdusert, ble den ikke støttet av alle nettlesere. Fra 2011 støtter imidlertid alle større nettlesere float-koden. Dette betyr at en nettdesigner teoretisk kan bruke taggen uten å bekymre seg for om den vil føre til et annet utseende, avhengig av nettleseren brukeren ser på nettstedet fra.

ANDRE SPRÅK

Hjalp denne artikkelen deg? Takk for tilbakemeldingen Takk for tilbakemeldingen

Hvordan kan vi hjelpe? Hvordan kan vi hjelpe?