Zum Inhalt springen

HTML <spacer>-Tag

Das <spacer>-Element wird verwendet, um Leerzeichen auf der Webseite einzufügen. Ursprünglich eine proprietäre Netscape-Erweiterung, wurde es in HTML 4.01 als veraltet markiert und ist jetzt obsolet.

Manchmal müssen Sie Leerzeichen in Ihr Dokument einfügen. Dies wird oft durch unsichtbare Bilder erreicht, die vollständig transparent sein oder dieselbe Farbe wie der Hintergrund haben können. Diese Methoden sind jedoch nicht zuverlässig. Um leere Bereiche in ein Dokument einzufügen, können Sie das <spacer>-Element verwenden. Es funktioniert wie ein Bild, tatsächlich befindet sich dort jedoch kein Bild.

Geben Sie das Attribut type mit einem der folgenden Werte an: horizontal, vertical oder block. Der Typ block erstellt einen Block-Level-Abstandhalter, der beide Dimensionen abdeckt.

DANGER

Moderne Browser unterstützen das <spacer>-Tag nicht. Verwenden Sie stattdessen CSS-Eigenschaften wie margin oder padding als modernen Standardersatz für vertikale/horizontale Abstände oder das <br>-Tag.

Es gibt viele Möglichkeiten, Leerzeichen auf der Webseite hinzuzufügen und zu steuern:

  • Das <p>-Tag erzeugt einen Absatzumbruch.
  • Das <br>-Tag kennzeichnet einen Zeilenumbruch.
  • Das <pre>-Tag wird für vorformatierten Text verwendet. Es weist den Browser an, den Text genau so darzustellen, wie er in der HTML-Datei steht, einschließlich leerer Zeilen und Leerzeichen.
  • Das Zeichen &nbsp; erzeugt ein nicht umbrechendes Leerzeichen.
  • Das Zeichen &#9; erzeugt einen Tabulatorabstand in HTML. Es erfordert in der Regel umgebenden Text oder CSS-Styling (z. B. white-space: pre), um sichtbar gerendert zu werden.
  • Sie können auch mit CSS Abstand um einen Text hinzufügen.

Syntax

Das <spacer>-Tag ist leer, was bedeutet, dass ein schließendes Tag nicht erforderlich ist.

Beispiel für das HTML <spacer>-Tag:

HTML <spacer>-Tag

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document </title>
    <style>
      div {
        display: block;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <div>
      PageUp↑
      <br> ←Home
      <spacer type="horizontal" width="100" height="100">
      End→
      <br> PageDown↓
    </div>
  </body>
</html>

Hinweis: Dieses Beispiel dient nur zu Demonstrationszwecken. Das <spacer>-Tag ist veraltet und wird in modernen Browsern nicht gerendert.

Ergebnis

Beispiel für das spacer-Tag

Attribute

AttributWertBeschreibung
alignleft, right, centerDefiniert die Ausrichtung des Spacer-Elements selbst (veraltet).
heightheightDefiniert die Höhe des leeren Bereichs in Pixeln.
sizesizeDefiniert den Pixelwert des leeren Bereichs, abhängig vom type-Attribut.
typeblock, horizontal, verticalGibt den Elementtyp an.
widthwidthDefiniert die Breite des leeren Bereichs in Pixeln.

Das <spacer>-Tag unterstützt die Globalen Attribute und die Ereignisattribute.

Praxis

Was ist die Funktion des HTML spacer-Tags?

Finden Sie das nützlich?

Dual-run-Vorschau — vergleichen Sie mit den Symfony-Routen live.