Skip to main content

Was ist ein HTML -Schwimmer?

Eine der am häufigsten verwendeten Hypertext -Markup -Sprache (HTML) und Cascading Style Sheets (CSS) -Tags für die Steuerung des Layouts einer Seite ist das Float -Tag.Wenn ein CSS- und HTML -Float -Tag auf ein Element angewendet wird, schwebt dieser Teil der Seite entweder links oder rechts.Es führt auch dazu, dass andere Elemente, wie z. B. Text, um ihn herum fließen.

Der HTML -Float, der tatsächlich ein CSS -Tag ist, das auf ein HTML -Element angewendet wird, ist eine Eigenschaft, die häufig von Webdesignern verwendet wird, um eine Vielzahl verschiedener Seiten zu erreichenLayouts.Wenn eine HTML -Float -Eigenschaft auf ein Element auf einer Seite angewendet wird, z. B. ein Bild oder einen Teil der Standortstruktur, wird das Element aus dem normalen „Fluss“ der Seite entfernt und entweder nach links oder rechts schwebt.Dies ermöglicht dem Webdesigner eine größere Kontrolle darüber, wo Elemente auf einer Seite angezeigt werden.

Eine der häufigsten Verwendungen für das CSS- und HTML -Float -Tag besteht darin, ein Bild nach links oder rechts auf der Seite zu verschieben.Wenn ein Bild beispielsweise nach rechts schwebt, bewegt es sich auf die rechte Seite des enthaltenden Elements.Der Text auf der Seite wackiert auch um ein schwebendes Bild.

Es gibt mehrere Eigenschaften eines HTML -Float -Tags, die den Effekt auf ein HTML -Element ändern.Abgesehen von der linken oder rechts schwimmenden Ausschwemmung kann der Webdesigner das HTML -Float -Tag als „Erben“ angeben.Dies bedeutet, dass das Tag die Float -Eigenschaft seines enthaltenden Elements erbt.Wenn zum Beispiel ein Bild in einer Box platziert wird, die links von einer Seite schwebt, dann führt das Erben -Tag auch dazu, dass das Bild links schwebt.

Eine nützliche Eigenschaft, die häufig in Verbindung mit einem verwendet wirdFloat -Tag ist das klare Tag.Dies steuert, wie Elemente nach einem Float -Tag angezeigt werden.Wenn zum Beispiel ein Bild nach links schwebt, aber der Text darunter ein klares Tag aufgetreten ist, wird der Text immer unter dem Bild angezeigt und nicht neben ihm.

Wenn das CSS- und HTML -Float -Tag zuerst warEingeführt wurde es nicht von allen Browsern unterstützt.Ab 2011 unterstützen alle großen Browser das Float -Tag.Dies bedeutet