<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
<p><span>Какой-нибудь текст</span></p>
Результат
Пример 2
HTML
<li>
<span>
<a href="portfolio.html" target="_blank">Посмотреть моё портфолио</a>
</span>
</li>
CSS
li span {
background: gold;
}
Результат
Спецификации
Specification |
---|
HTML Standard # the-span-element |
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
- HTML-элемент
<div>