<span>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTML-элемент <span> является основным строковым контейнером для фразового контента, который, по существу, ничего не представляет. Он может использоваться для группировки элементов в целях стилизации (использование атрибутов class или id) или потому, что они имеет общие значения атрибутов, например lang. Он должен быть использован только когда нет другого подходящего по семантике элемента. <span> очень похож на элемент <div>, но <div> является блочным элементом, в то время как <span> является строчным.

Интерактивный пример

Категории контента Потоковый контент, фразовый контент.
Допустимое содержимое Фразовый контент.
Пропуск тегов Нет, открывающий и закрывающий теги обязательны.
Допустимые родители Любой элемент, который разрешает фразовый или потоковый контент в качестве содержимого.
Допустимые ARIA-роли Любые
DOM-интерфейс HTMLSpanElement (до HTML5, интерфейсом был HTMLElement)

Атрибуты

К этому элементу применимы только глобальные атрибуты.

Пример 1

HTML

html
<p><span>Какой-нибудь текст</span></p>

Результат

Пример 2

HTML

html
<li>
  <span>
    <a href="portfolio.html" target="_blank">Посмотреть моё портфолио</a>
  </span>
</li>

CSS

css
li span {
  background: gold;
}

Результат

Спецификации

Specification
HTML Standard
# the-span-element

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также

  • HTML-элемент <div>