Sayfanın düzenini kontrol etmek için en sık kullanılan HyperText Markup Language (HTML) ve basamaklı stil sayfaları (CSS) etiketlerinden biri de float etiketidir. Bir öğeye bir CSS ve HTML şamandıra etiketi uygulandığında, sayfanın bu kısmı sola veya sağa kayar. Ayrıca, metin gibi diğer öğelerin etrafında akmasına neden olur.
Aslında bir HTML öğesine uygulanan bir CSS etiketi olan HTML float, web tasarımcıları tarafından çeşitli sayfa düzenlerinin elde edilmesinde sıklıkla kullanılan bir özelliktir. Bir HTML float özelliği, bir sayfadaki görüntü veya site yapısının bir parçası gibi bir öğeye uygulandığında, öğe sayfanın normal "akışından" kaldırılır ve sola veya sağa kaydırılır. Bu, web tasarımcısının, öğelerin sayfada nerede görüneceği üzerinde daha fazla kontrol sahibi olmasını sağlar.
CSS ve HTML float etiketi için en yaygın kullanım alanlarından biri, bir resmi sayfanın soluna veya sağına taşımaktır. Bir görüntü sağa kaydırıldığında, örneğin, onu içeren öğenin sağına hareket eder. Sayfadaki metin aynı zamanda yüzen bir resmin çevresine de sarılır.
Bir HTML öğesi üzerindeki etkisini değiştiren bir HTML float etiketinin birkaç özelliği vardır. Sola veya sağa doğru yüzmenin yanı sıra, örneğin, web tasarımcısı HTML float etiketini “miras” olarak belirtebilir. Bu, etiketin içerdiği öğenin float özelliğini miras aldığı anlamına gelir. Örneğin, bir görüntü sayfanın soluna kayan bir kutu içine yerleştirilirse, devralınan etiket aynı zamanda görüntünün sola kaydırılmasını sağlar.
Float etiketi ile birlikte sıkça kullanılan kullanışlı bir özellik clear etiketidir. Bu bir float etiketinden sonra elemanların nasıl görüntülendiğini kontrol eder. Örneğin, bir görüntü sola doğru yüzdüyse, ancak altındaki metnin kendisine uygulanan açık bir etiketi varsa, metin her zaman resmin yanında değil, resmin altında görünecektir.
CSS ve HTML float etiketi ilk tanıtıldığında, tüm tarayıcılar tarafından desteklenmiyordu. Bununla birlikte, 2011 itibariyle, tüm büyük tarayıcılar float etiketini desteklemektedir. Bu, bir web tasarımcısının, kullanıcının web sitesini görüntülediği tarayıcıya bağlı olarak farklı bir görünüme neden olup olmayacağından endişe etmeden teorik olarak etiketi kullanabileceği anlamına gelir.
