<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> является строчным.
Интерактивный пример
<p> Add the <span class="ingredient">basil</span>, <span class="ingredient">pine nuts</span> and <span class="ingredient">garlic</span> to a blender and blend into a paste. </p> <p> Gradually add the <span class="ingredient">olive oil</span> while running the blender slowly. </p> span.ingredient { color: #f00; } | Категории контента | Потоковый контент, фразовый контент. |
|---|---|
| Допустимое содержимое | Фразовый контент. |
| Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
| Допустимые родители | Любой элемент, который разрешает фразовый или потоковый контент в качестве содержимого. |
| Допустимые 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 # the-span-element |
Совместимость с браузерами
Смотрите также
- HTML-элемент
<div>