Co je HTML Float?

Jednou z nejčastěji používaných značek HTML (HyperText Markup Language) a kaskádových stylů (CSS) pro řízení rozložení stránky je značka float. Když je na prvek aplikována plovoucí značka CSS a HTML, tato část stránky se vznáší vlevo nebo vpravo. To také způsobuje, že kolem něj protékají další prvky, například text.

HTML float, což je vlastně značka CSS použitá na element HTML, je vlastnost, kterou weboví návrháři často používají k dosažení různých rozložení stránek. Když je vlastnost HTML float aplikována na prvek na stránce, jako je obrázek nebo část struktury webu, prvek je odebrán z normálního „toku“ stránky a vznášen buď vlevo nebo vpravo. To umožňuje návrháři webu větší kontrolu nad tím, kde se prvky na stránce objevují.

Jedním z nejčastějších způsobů použití značky float CSS a HTML je přesunout obrázek vlevo nebo vpravo na stránce. Když se například obrázek vznáší doprava, přesune se na pravou stranu obsahujícího prvek. Text na stránce se také ovine kolem plovoucího obrazu.

Existuje několik vlastností plovoucí značky HTML, která mění účinek, který má na prvek HTML. Kromě plovoucího doleva nebo doprava může webový designér určit float HTML tag jako „zdědit“. To znamená, že značka zdědí vlastnost float svého prvku, který ji obsahuje. Pokud je například obrázek umístěn do pole, které je plovoucí nalevo od stránky, pak dědičná značka také způsobí, že se obrázek vznáší vlevo.

Užitečná vlastnost, která se často používá ve spojení se značkou float, je clear tag. To řídí, jak se budou zobrazovat prvky po plovoucí značce. Pokud je například obrázek plovoucí doleva, ale text pod ním obsahuje jasnou značku, bude se text vždy zobrazovat pod obrázkem, nikoli vedle něj.

Při prvním zavedení značky CSS a HTML Float nebyla podporována všemi prohlížeči. Od roku 2011 však všechny hlavní prohlížeče podporují značku float. To znamená, že webový designér může teoreticky použít značku bez obav, zda způsobí odlišný vzhled v závislosti na prohlížeči, ze kterého uživatel prohlíží web.