¿Qué es un flotador HTML?
Una de las etiquetas de hojas de estilo de hipertexto (HTML) y hojas de estilo en cascada (CSS) más comúnmente utilizada para controlar el diseño de una página es la etiqueta flotante. Cuando se aplica una etiqueta CSS y HTML Float a un elemento, esa parte de la página flota hacia la izquierda o hacia la derecha. También hace que otros elementos, como el texto, fluyan a su alrededor.
El flotador HTML, que en realidad es una etiqueta CSS aplicada a un elemento HTML, es una propiedad que a menudo es utilizada por los diseñadores web para lograr una variedad de diseños de páginas diferentes. Cuando se aplica una propiedad de flotación HTML a un elemento en una página, como una imagen o parte de la estructura del sitio, el elemento se elimina del "flujo" normal de la página y flota hacia la izquierda o la derecha. Esto le permite al diseñador web un mayor control sobre dónde aparecen elementos en una página.
Uno de los usos más comunes para la etiqueta CSS y HTML Float es mover una imagen a la izquierda o derecha de la página. Cuando una imagen se flota hacia la derecha, por ejemplo, se mueve allado derecho del elemento que contiene. El texto en la página también envuelve una imagen flotada.
Hay varias propiedades de una etiqueta de flotación HTML que cambian el efecto que tiene en un elemento HTML. Además de flotar hacia la izquierda o hacia la derecha, por ejemplo, el diseñador web puede especificar la etiqueta HTML Float como "Heredia". Esto significa que la etiqueta hereda la propiedad flotante de su elemento que contiene. Si, por ejemplo, una imagen se coloca dentro de un cuadro que se flota a la izquierda de una página, entonces la etiqueta de herencia también hace que la imagen flote a la izquierda.
Una propiedad útil que a menudo se usa junto con una etiqueta flotante es la etiqueta clara. Esto controla cómo se muestran los elementos después de una etiqueta flotante. Si, por ejemplo, una imagen se flota a la izquierda, pero el texto debajo tiene una etiqueta transparente aplicada, entonces el texto siempre aparecerá debajo de la imagen en lugar de junto a ella.
Cuando el CSS y HTML FloEn TAG se introdujo por primera vez, no fue compatible con todos los navegadores. A partir de 2011, sin embargo, todos los principales navegadores admiten la etiqueta flotante. Esto significa que un diseñador web puede usar teóricamente la etiqueta sin preocuparse por si causará una apariencia diferente dependiendo del navegador del cual el usuario ve el sitio web.