Skip to main content

Hvad er en HTML -float?

Et af de mest almindeligt anvendte hypertekst -markeringsprog (HTML) og cascading -stilark (CSS) tags til styring af layoutet på en side er float -mærket.Når et CSS- og HTML -float -tag påføres et element, flyder den del af siden enten til venstre eller til højre.Det får også andre elementer, som f.ekslayouts.Når en HTML -float -egenskab påføres et element på en side, såsom et billede eller en del af stedstrukturen, fjernes elementet fra den normale “strøm” på siden og flydes enten til venstre eller højre.Dette tillader 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 er flydet til højre, bevæger det sig til højre side af det indeholdende element.Tekst på siden vikles også omkring 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, kan webdesigneren for eksempel specificere HTML -float -mærket som "arve".Dette betyder, at mærket arver float -egenskaben for dets indeholdende element.Hvis for eksempel et billede placeres i en kasse, der flydes til venstre for en side, får arve -mærket også til at blive flydet til venstre.

En nyttig egenskab, der ofte bruges i forbindelse med etFloat 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 den har et klart tag anvendt på det, vil teksten altid vises under billedet snarere end ved sidenIntroduceret blev det ikke understøttet af alle browsere.Fra 2011 understøtter imidlertid alle større browsere floatmærket.Dette betyder, at en webdesigner teoretisk kan bruge mærket uden at bekymre sig om, hvorvidt det vil forårsage et andet udseende afhængigt af den browser, hvorfra brugeren ser på webstedet.