Co to jest pływak HTML?
Jednym z najczęściej używanych znaczników HyperText Markup Language (HTML) i kaskadowych arkuszy stylów (CSS) do sterowania układem strony jest zmiennoprzecinkowy. Gdy element pływający CSS i HTML zostanie zastosowany do elementu, ta część strony zostanie przesunięta w lewo lub w prawo. Powoduje również przepływ innych elementów, takich jak tekst, wokół niego.
Element pływający HTML, który w rzeczywistości jest znacznikiem CSS zastosowanym do elementu HTML, jest właściwością często używaną przez projektantów stron internetowych w celu uzyskania różnych układów strony. Gdy właściwość float HTML zostanie zastosowana do elementu na stronie, takiego jak obraz lub część struktury witryny, element zostanie usunięty z normalnego „przepływu” strony i zostanie przesunięty w lewo lub w prawo. Umożliwia to projektantowi stron internetowych lepszą kontrolę nad tym, gdzie elementy pojawiają się na stronie.
Jednym z najczęstszych zastosowań znacznika swobodnego CSS i HTML jest przeniesienie obrazu na lewą lub prawą stronę. Na przykład, gdy obraz jest unoszony w prawo, przesuwa się na prawą stronę elementu zawierającego. Tekst na stronie jest również zawijany wokół pływającego obrazu.
Istnieje kilka właściwości pływającego tagu HTML, które zmieniają jego wpływ na element HTML. Oprócz przestawiania w lewo lub w prawo, na przykład projektant stron internetowych może określić znacznik pływający HTML jako „dziedziczący”. Oznacza to, że tag dziedziczy właściwość float jego zawierającego elementu. Jeśli na przykład obraz zostanie umieszczony w ramce, która jest przesunięta na lewo od strony, wówczas tag dziedziczenia powoduje również przesunięcie obrazu na lewo.
Przydatną właściwością, która jest często używana w połączeniu z tagiem zmiennoprzecinkowym, jest tag przezroczysty. Kontroluje sposób wyświetlania elementów po znaczniku pływającym. Jeśli na przykład obraz jest unoszony w lewo, ale do tekstu pod nim jest przypisany wyraźny znacznik, wówczas tekst zawsze będzie pojawiał się pod obrazem, a nie obok niego.
Kiedy po raz pierwszy wprowadzono znacznik pływający CSS i HTML, nie był obsługiwany przez wszystkie przeglądarki. Jednak od 2011 r. Wszystkie główne przeglądarki obsługują znacznik pływający. Oznacza to, że projektant stron internetowych może teoretycznie używać tagu, nie martwiąc się, czy spowoduje to inny wygląd w zależności od przeglądarki, z której użytkownik przegląda witrynę.