Što je HTML Float?

Jedna od najčešće korištenih oznaka HyperText Markup Language (HTML) i kaskadnih tablica stilova (CSS) za kontrolu izgleda stranice je float oznaka. Kada se CSS i HTML plutajuća oznaka primijeni na element, taj dio stranice pluta ulijevo ili udesno. Također uzrokuje da drugi elementi, poput teksta, teče oko njega.

HTML float, koji je zapravo CSS oznaka primijenjena na HTML element, svojstvo je koje web dizajneri često koriste za postizanje niza različitih izgleda stranica. Kada se HTML float svojstvo primijeni na element na stranici, kao što je slika ili dio strukture web-mjesta, element se uklanja iz normalnog “protoka” stranice i pomiče lijevo ili desno. To omogućuje web dizajneru veću kontrolu nad mjestima na kojima se elementi pojavljuju na stranici.

Jedna od najčešćih upotreba CSS i HTML plutajuće oznake je pomicanje slike lijevo ili desno od stranice. Kada se slika, na primjer, lebdi udesno, pomiče se na desnu stranu elementa koji sadrži. Tekst na stranici također se premotava oko plutajuće slike.

Postoji nekoliko svojstava HTML float oznake koja mijenjaju učinak koji ima na HTML element. Osim plutanja lijevo ili desno, na primjer, web dizajner može odrediti HTML float oznaku kao “naslijediti”. To znači da oznaka nasljeđuje svojstvo float elementa koji sadrži. Ako je, na primjer, slika smještena unutar okvira koji je plutajući lijevo od stranice, tada oznaka nasljeđivanja također uzrokuje da se slika pomiče ulijevo.

Korisno svojstvo koje se često koristi zajedno s float oznakom je clear tag. Ovo kontrolira način na koji se elementi nakon plutajuće oznake prikazuju. Ako je, na primjer, slika povučena ulijevo, ali tekst ispod nje ima jasnu oznaku primijenjenu na nju, tada će se tekst uvijek pojaviti ispod slike, a ne uz nju.

Kada su CSS i HTML float oznaka prvi put predstavljeni, nisu je podržavali svi preglednici. Međutim, od 2011. svi glavni preglednici podržavaju float oznaku. To znači da web dizajner teoretski može koristiti oznaku bez brige o tome hoće li uzrokovati drugačiji izgled ovisno o pregledniku s kojeg korisnik pregledava web stranicu.