Перейти к содержимому

HTML-тег <spacer>

Элемент <spacer> используется для вставки пробелов на веб-странице. Изначально это было проприетарное расширение Netscape, которое было признано устаревшим в спецификации HTML 4.01 и в настоящее время считается устаревшим.

Иногда вам может понадобиться добавить пробелы в ваш документ. Чаще всего это делается с помощью невидимых изображений, которые могут быть полностью прозрачными или иметь тот же цвет, что и фон. Однако эти методы не являются надёжными. Чтобы добавить пустое пространство в документ, вы можете использовать элемент <spacer>. Он похож на изображение, но на самом деле картинки там нет.

Укажите атрибут type одним из следующих значений: horizontal, vertical или block. Тип block создаёт блочный разделитель, занимающий оба измерения.

DANGER

Современные браузеры не поддерживают тег <spacer>. Используйте свойства CSS margin или padding в качестве стандартной современной замены для вертикального/горизонтального отступа, либо тег <a href="/learn-html/html-br-tag.html"><code><br></code></a>.

Существует множество способов добавить и контролировать пустое пространство на веб-странице:

  • Тег <a href="/learn-html/html-p-tag.html"><code><p></code></a> создаёт абзацный отступ.
  • Тег <a href="/learn-html/html-br-tag.html"><code><br></code></a> обозначает перенос строки.
  • Тег <a href="/learn-html/html-pre-tag.html"><code><pre></code></a> используется для предварительно отформатированного текста. Он указывает браузеру отображать текст точно так же, как он записан в HTML-файле, включая пустые строки и пробелы.
  • Символ &nbsp; создаёт неразрывный пробел.
  • Символ &#9; создаёт табуляцию в HTML. Обычно для его видимого отображения требуется окружающий текст или CSS-стилизация (например, white-space: pre).
  • Вы также можете добавить отступы вокруг текста с помощью CSS.

Синтаксис

Тег <spacer> является пустым, что означает, что закрывающий тег не требуется.

Пример использования HTML-тега <spacer>:

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>

Примечание: Этот пример приведён только для демонстрации. Тег <spacer> устарел и не будет отображаться в современных браузерах.

Результат

spacer tag example

Атрибуты

АтрибутЗначениеОписание
alignleft, right, centerОпределяет выравнивание самого элемента spacer (устаревший).
heightheightОпределяет высоту пустого пространства в пикселях.
sizesizeОпределяет размер пустого пространства в пикселях в зависимости от атрибута type.
typeblock, horizontal, verticalУказывает тип элемента.
widthwidthОпределяет ширину пустого пространства в пикселях.

Тег <spacer> поддерживает Глобальные атрибуты и Атрибуты событий.

Практика

Какова функция HTML-тега spacer?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.