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 wordt gebruikt door webontwerpers om een verscheidenheid aan verschillende paginalay -outs te bereiken. 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 webdesigner 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, gaat deze naar derechterkant 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 wordt geplaatst in een doos die links van een pagina wordt gedreven, dan zorgt de erfenis ook ervoor dat de afbeelding naar links wordt gedreven.
Een nuttige eigenschap die vaak wordt gebruikt in combinatie met een float -tag is de doorzichtige 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.
Wanneer de CSS en HTML FloBij Tag werd voor het eerst geïntroduceerd, het werd niet ondersteund door alle browsers. Vanaf 2011 ondersteunen alle grote browsers echter de Float -tag. Dit betekent dat een webontwerper de tag theoretisch 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.