Kaj je HTML Float?

Ena izmed najpogosteje uporabljenih oznak HyperText Markup Language (HTML) in kaskadnih slogovnih listov (CSS) za nadzor postavitve strani je plavajoča oznaka. Ko se na element uporabi plavajoča oznaka CSS in HTML, ta del strani plava na levo ali desno. Prav tako povzroči, da se drugi elementi, kot je besedilo, pretakajo okoli njega.

HTML float, ki je pravzaprav oznaka CSS, uporabljena za element HTML, je lastnost, ki jo spletni oblikovalci pogosto uporabljajo za doseganje različnih postavitev strani. Ko je lastnost plavajočega HTML uporabljena za element na strani, kot je slika ali del strukture spletnega mesta, se element odstrani iz običajnega »toka« strani in lebdi levo ali desno. To omogoča spletnemu oblikovalcu večji nadzor nad tem, kje se elementi pojavijo na strani.

Ena najpogostejših uporab plavajoče oznake CSS in HTML je premikanje slike na levo ali desno stran strani. Ko je slika na primer lebdena v desno, se premakne na desno stran vsebujočega elementa. Besedilo na strani se prav tako ovije okoli lebdeče slike.

Obstaja več lastnosti plavajoče oznake HTML, ki spremenijo učinek, ki ga ima na element HTML. Poleg plavajočega v levo ali desno, na primer, lahko spletni oblikovalec določi plavajočo oznako HTML kot »podeduje«. To pomeni, da oznaka podeduje lastnost plavajočega elementa, ki ga vsebuje. Če je na primer slika postavljena v polje, ki je lebdeče na levi strani strani, potem oznaka dedovanja povzroči tudi, da se slika plava na levo.

Uporabna lastnost, ki se pogosto uporablja v povezavi s plavajočo oznako, je čista oznaka. To nadzira, kako so prikazani elementi po plavajoči oznaki. Če je na primer slika lebdeča na levi, besedilo pod njo pa ima jasno oznako, se bo besedilo vedno pojavilo pod sliko in ne ob njej.

Ko je bila prvič predstavljena plavajoča oznaka CSS in HTML, je niso podpirali vsi brskalniki. Od leta 2011 pa vsi večji brskalniki podpirajo plavajočo oznako. To pomeni, da lahko spletni oblikovalec teoretično uporablja oznako brez skrbi, ali bo povzročila drugačen videz, odvisno od brskalnika, iz katerega uporabnik ogleduje spletno mesto.