Aller au contenu

Balise HTML <spacer>

L'élément <spacer> est utilisé pour insérer des espaces sur la page web. Initialement une extension propriétaire de Netscape, il a été déprécié dans HTML 4.01 et est désormais obsolète.

Parfois, vous devrez peut-être ajouter de l'espace dans votre document. Cela se fait souvent à l'aide d'images invisibles, entièrement transparentes ou de la même couleur que l'arrière-plan. Cependant, ces méthodes ne sont pas fiables. Pour inclure un espace vide dans un document, vous pouvez utiliser l'élément <spacer>. Il ressemble à une image, mais en réalité, il n'y a pas d'image à cet endroit.

Spécifiez l'attribut type avec l'une des valeurs suivantes : horizontal, vertical ou block. Le type block crée un espaceur de niveau bloc qui s'étend sur les deux dimensions.

DANGER

Les navigateurs modernes ne prennent pas en charge la balise <spacer>. Utilisez les propriétés CSS margin ou padding comme remplacement standard moderne pour les espacements vertical/horizontal, ou la balise <br> à la place.

Il existe de nombreuses options pour ajouter et contrôler les espaces vides sur la page web :

  • La balise <p> crée un saut de paragraphe.
  • La balise <br> indique un saut de ligne.
  • La balise <pre> est utilisée avec un texte préformaté. Elle indique au navigateur que le texte doit apparaître exactement comme il est dans le fichier HTML, y compris les lignes et espaces vides.
  • Le caractère &nbsp; crée un espace insécable.
  • Le caractère &#9; crée un espace de tabulation en HTML. Il nécessite généralement du texte environnant ou un style CSS (par ex. white-space: pre) pour être rendu visible.
  • Vous pouvez également ajouter de l'espace autour d'un texte avec CSS.

Syntaxe

La balise <spacer> est vide, ce qui signifie que la balise de fermeture n'est pas requise.

Exemple de la balise HTML <spacer> :

Balise 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>

Remarque : Cet exemple est fourni à des fins de démonstration uniquement. La balise <spacer> est obsolète et ne sera pas rendue dans les navigateurs modernes.

Résultat

spacer tag example

Attributs

AttributeValueDescription
alignleft, right, centerDéfinit l'alignement de l'élément spacer lui-même (déprécié).
heightheightDéfinit la hauteur de l'espace vide en pixels.
sizesizeDéfinit la valeur en pixels de l'espace vide, en fonction de l'attribut type.
typeblock, horizontal, verticalIndique le type d'élément.
widthwidthDéfinit la largeur de l'espace vide en pixels.

La balise <spacer> prend en charge les Attributs globaux et les Attributs d'événement.

Pratique

Quelle est la fonction de la balise HTML <spacer> ?

Trouvez-vous cela utile?

Aperçu dual-run — comparez avec les routes Symfony en production.