<span>: Елемент відрізка вмісту
Елемент HTML <span>
(розмах, відрізок, проліт, інтервал) – це узагальнений рядковий контейнер для оповідального вмісту, котрий по суті нічого не представляє. Він може застосовуватися для групування елементів для потреб оформлення (за допомогою атрибутів class
і id
), або через те, що вони поділяють значення атрибутів, як то lang
. Повинен застосовуватися лише тоді, коли жодний семантичний елемент не є доречним. <span>
вельми подібний до елемента <div>
, крім того, що <div>
є елементом блокового рівня, а <span>
– елементом рядкового.
Спробуйте його в дії
Атрибути
Цей елемент приймає лише глобальні атрибути.
Приклад
Приклад 1
HTML
<p><span>Якийсь текст</span></p>
Результат
Приклад 2
HTML
<li>
<span>
<a href="portfolio.html" target="_blank">Дивіться моє портфоліо</a>
</span>
</li>
CSS
li span {
background: gold;
}
Результат
Технічний підсумок
Категорії вмісту | Потоковий вміст, оповідальний вміст. |
---|---|
Дозволений вміст | Оповідальний вміст. |
Пропуск тега | Немає; і початковий, і кінцевий теги – обов'язкові. |
Дозволені батьківські елементи | Усі елементи, що приймають оповідальний вміст або потоковий вміст. |
Неявна роль ARIA | Немає відповідної ролі |
Дозволені ролі ARIA | Усі |
Інтерфейс DOM |
HTMLSpanElement
|
Специфікації
Специфікація |
---|
HTML Standard (HTML) # the-span-element |
Сумісність із браузерами
desktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
span
|
Chrome Full support Так | Edge Full support 12 | Firefox Full support 1 | Internet Explorer Full support Так | Opera Full support Так | Safari Full support Так | WebView Android Full support Так | Chrome Android Full support Так | Firefox for Android Full support 4 | Opera Android Full support Так | Safari on iOS Full support Так | Samsung Internet Full support Так |
Дивіться також
- Елемент HTML
<div>