<span>
Интерактивный пример
HTML-элемент <span> является основным строковым контейнером для фразового контента, который, по существу, ничего не представляет. Он может использоваться для группировки элементов в целях стилизации (использование атрибутов class или id) или потому, что они имеет общие значения атрибутов, например lang. Он должен быть использован только когда нет другого подходящего по семантике элемента. <span> очень похож на элемент <div>, но <div> является блочным элементом, в то время как <span> является строчным.
| Категории контента | Потоковый контент, фразовый контент. |
|---|---|
| Разрешённое содержимое | Фразовый контент. |
| Пропуск тега | Ни одного; Оба тега, открывающий и закрывающий, являются обязательными. |
| Разрешённые родительские элементы | Любой элемент, который разрешает фразовый или потоковый контент в качестве содержимого. |
| Разрешённые роли ARIA | Любые |
| DOM-интерфейс | HTMLSpanElement (en-US) (до 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>