Was ist ein HTML-Float?
Eines der am häufigsten verwendeten HTML-Tags (HyperText Markup Language) und CSS-Tags (Cascading Style Sheets) zum Steuern des Layouts einer Seite ist das Float-Tag. Wenn ein CSS- und HTML-Float-Tag auf ein Element angewendet wird, wird dieser Teil der Seite entweder nach links oder nach rechts verschoben. Es führt auch dazu, dass andere Elemente, z. B. Text, um ihn herumfließen.
Das HTML-Float, das eigentlich ein CSS-Tag ist, das auf ein HTML-Element angewendet wird, ist eine Eigenschaft, die häufig von Webdesignern verwendet wird, um eine Vielzahl unterschiedlicher Seitenlayouts zu erzielen. Wenn eine HTML-Eigenschaft float auf ein Element auf einer Seite angewendet wird, z. B. ein Bild oder einen Teil der Websitestruktur, wird das Element aus dem normalen „Fluss“ der Seite entfernt und entweder nach links oder rechts verschoben. Auf diese Weise kann der Webdesigner besser steuern, wo Elemente auf einer Seite angezeigt werden.
Eine der häufigsten Anwendungen für das CSS- und HTML-Float-Tag ist das Verschieben eines Bilds nach links oder rechts auf der Seite. Wenn ein Bild beispielsweise nach rechts verschoben wird, wird es auf die rechte Seite des enthaltenen Elements verschoben. Der Text auf der Seite wird auch um ein schwebendes Bild gewickelt.
Es gibt verschiedene Eigenschaften eines HTML-Float-Tags, die die Auswirkung auf ein HTML-Element ändern. Der Webdesigner kann beispielsweise nicht nur nach links oder rechts schweben, sondern auch das HTML-Float-Tag als "Erben" angeben. Dies bedeutet, dass das Tag die float -Eigenschaft seines enthaltenden Elements erbt. Wenn beispielsweise ein Bild in einem Feld platziert wird, das links von einer Seite verschoben wird, wird das Bild durch das Erbtag ebenfalls nach links verschoben.
Eine nützliche Eigenschaft, die häufig in Verbindung mit einem Float-Tag verwendet wird, ist das Clear-Tag. Hiermit wird gesteuert, wie Elemente nach einem Float-Tag angezeigt werden. Wenn beispielsweise ein Bild nach links verschoben wird, der Text darunter jedoch mit einem eindeutigen Tag versehen ist, wird der Text immer unter dem Bild und nicht neben dem Bild angezeigt.
Als das CSS- und HTML-Float-Tag zum ersten Mal eingeführt wurde, wurde es nicht von allen Browsern unterstützt. Ab 2011 unterstützen jedoch alle gängigen Browser das float-Tag. Dies bedeutet, dass ein Webdesigner das Tag theoretisch verwenden kann, ohne sich Gedanken darüber machen zu müssen, ob es je nach Browser, in dem der Benutzer die Website anzeigt, ein anderes Erscheinungsbild aufweist.