Saltar al contenido

Etiqueta HTML <spacer>

El elemento <spacer> se utiliza para insertar espacios en la página web. Originalmente una extensión propietaria de Netscape, fue obsoleto en HTML 4.01 y ahora está en desuso.

A veces puede necesitar agregar espacio a su documento. Esto a menudo se hace usando imágenes invisibles que pueden ser completamente transparentes o tener el mismo color que el fondo. Sin embargo, estos métodos no son confiables. Para incluir espacio en blanco en un documento, puede usar el elemento <spacer>. Es como una imagen, pero en realidad no hay una imagen allí.

Especifique el atributo type con uno de los siguientes valores: horizontal, vertical o block. El tipo block crea un separador a nivel de bloque que abarca ambas dimensiones.

peligro

Los navegadores modernos no admiten la etiqueta <spacer>. Utilice las propiedades CSS margin o padding como la sustitución estándar moderna para el espaciado vertical/horizontal, o la etiqueta <a href="/learn-html/html-br-tag.html"><code><br></code></a> en su lugar.

Existen muchas opciones para agregar y controlar el espacio en blanco en la página web:

  • La etiqueta <a href="/learn-html/html-p-tag.html"><code><p></code></a> crea un salto de párrafo.
  • La etiqueta <a href="/learn-html/html-br-tag.html"><code><br></code></a> indica un salto de línea.
  • La etiqueta <a href="/learn-html/html-pre-tag.html"><code><pre></code></a> se utiliza con texto preformateado. Indica al navegador que el texto debe aparecer exactamente como está en el archivo HTML, incluidas las líneas y espacios en blanco.
  • El carácter &nbsp; crea un espacio sin salto de línea.
  • El carácter &#9; crea un espacio de tabulación en HTML. Generalmente requiere texto circundante o estilos CSS (por ejemplo, white-space: pre) para renderizarse visiblemente.
  • También puede agregar espacio alrededor de un texto con CSS.

Sintaxis

La etiqueta <spacer> es vacía, lo que significa que no se requiere la etiqueta de cierre.

Ejemplo de la etiqueta HTML <spacer>:

Etiqueta HTML <spacer>

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>

Nota: Este ejemplo es solo para fines de demostración. La etiqueta <spacer> está en desuso y no se renderizará en navegadores modernos.

Resultado

ejemplo de etiqueta spacer

Atributos

AtributoValorDescripción
alignleft, right, centerDefine la alineación del propio elemento spacer (obsoleto).
heightheightDefine la altura del espacio vacío en píxeles.
sizesizeDefine el valor en píxeles del espacio vacío, dependiendo del atributo type.
typeblock, horizontal, verticalIndica el tipo de elemento.
widthwidthDefine el ancho del espacio vacío en píxeles.

La etiqueta <spacer> admite los Atributos Globales y los Atributos de Eventos.

Práctica

¿Cuál es la función de la etiqueta HTML spacer?

¿Te resulta útil?

Vista previa dual-run — compárala con las rutas Symfony en producción.