This page was translated from English by the community.Learn more and join the MDN Web Docs community.
<span>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
HTML-элемент<span> является основным строковым контейнером для фразового контента, который, по существу, ничего не представляет. Он может использоваться для группировки элементов в целях стилизации (использование атрибутовclass илиid) или потому, что они имеет общие значения атрибутов, напримерlang. Он должен быть использован только когда нет другого подходящего по семантике элемента.<span> очень похож на элемент<div>, но<div> являетсяблочным элементом, в то время как<span> являетсястрочным.
In this article
Интерактивный пример
<p> Add the <span>basil</span>, <span>pine nuts</span> and <span>garlic</span> to a blender and blend into a paste.</p><p> Gradually add the <span>olive oil</span> while running the blender slowly.</p>span.ingredient { color: #f00;}| Категории контента | Потоковый контент,фразовый контент. |
|---|---|
| Допустимое содержимое | Фразовый контент. |
| Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
| Допустимые родители | Любой элемент, который разрешаетфразовый илипотоковый контент в качестве содержимого. |
| Допустимые ARIA-роли | Любые |
| DOM-интерфейс | HTMLSpanElement (доHTML5, интерфейсом былHTMLElement) |
Атрибуты
К этому элементу применимы толькоглобальные атрибуты.
Пример 1
>HTML
<p><span>Какой-нибудь текст</span></p>Результат
Пример 2
>HTML
<li> <span> <a href="portfolio.html">Посмотреть моё портфолио</a> </span></li>CSS
li span { background: gold;}Результат
Спецификации
| Specification |
|---|
| HTML> # the-span-element> |
Совместимость с браузерами
Смотрите также
- HTML-элемент
<div>