Wat is een HTML -float?

Een van de meest gebruikte HyperText Markup Language (HTML) en Cascading Style Sheets (CSS) -tags voor het besturen van de lay -out van een pagina is de Float -tag.Wanneer een CSS en HTML Float -tag op een element wordt toegepast, zweeft dat deel van de pagina naar links of naar rechts.Het zorgt er ook voor dat andere elementen, zoals tekst, eromheen stromen.

De HTML -float, die eigenlijk een CSS -tag is die op een HTML -element wordt toegepast, is een eigenschap die vaak door webontwerpers wordt gebruikt om een verscheidenheid aan verschillende pagina te bereikenlay -outs.Wanneer een html -float -eigenschap wordt toegepast op een element op een pagina, zoals een afbeelding of een deel van de sitestructuur, wordt het element verwijderd uit de normale "stroom" van de pagina en naar links of rechts gedreven.Hierdoor kan de webontwerper meer controle over waar elementen op een pagina verschijnen.

Een van de meest voorkomende toepassingen voor de CSS en HTML Float -tag is om een afbeelding naar links of rechts van de pagina te verplaatsen.Wanneer een afbeelding bijvoorbeeld naar rechts wordt gedreven, beweegt deze naar de rechterkant van het bevattende element.Tekst op de pagina wikkelt ook rond een drijvende afbeelding.

Er zijn verschillende eigenschappen van een HTML -float -tag die het effect veranderen dat het heeft op een HTML -element.Afgezien van drijvend naar links of rechts, bijvoorbeeld, kan de webontwerper de HTML Float -tag opgeven als "erfgename".Dit betekent dat de tag de vlottereigenschap van het bevattende element erft.Als bijvoorbeeld een afbeelding in een doos wordt geplaatst die links van een pagina wordt gedreven, dan zorgt de erfenis ook ervoor dat de afbeelding links wordt gedreven.

Een nuttige eigenschap die vaak wordt gebruikt in combinatie met eenFloat -tag is de heldere tag.Dit bepaalt hoe elementen na een vlotter -tag worden weergegeven.Als bijvoorbeeld een afbeelding naar links wordt gedreven, maar de tekst eronder heeft een duidelijke tag die erop is toegepast, dan verschijnt de tekst altijd onder de afbeelding in plaats van ernaast.

Toen de CSS en HTML Float -tag eerst wasgeïntroduceerd, werd het niet ondersteund door alle browsers.Vanaf 2011 ondersteunen alle grote browsers echter de Float -tag.Dit betekent dat een webontwerper theoretisch de tag kan gebruiken zonder zich zorgen te maken of deze een ander uiterlijk zal veroorzaken, afhankelijk van de browser van waaruit de gebruiker de website bekijkt.