<span>: Элемент содержания span
Базовая линия Широко доступна
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.
Элемент <span> HTML — это универсальный инлайновый контейнер для фрагментов текста, который сам по себе ничего не представляет. Его можно использовать для группировки элементов для стилизации (с помощью атрибутов class или id) или потому что они имеют общие значения атрибутов, такие как lang. Его следует использовать только в тех случаях, когда другой семантический элемент не подходит. Элемент <span> очень похож на элемент <div>, но <div> — это элемент блочного уровня, а <span> — элемент инлайнового уровня.
Попробуйте
Атрибуты
Этот элемент включает только глобальные атрибуты.
Пример
Пример 1
HTML
<p><span>Some text</span></p>
Результат
Пример 2
HTML
<li> <span> <a href="portfolio.html" target="_blank">See my portfolio</a> </span> </li>
CSS
li span { background: gold; }
Результат
Техническое описание
| Категории контента | Контент потока, фрагментарный контент. |
|---|---|
| Разрешенный контент | Фрагментарный контент. |
| Пропуск тега | Нет, как стартовый, так и конечный теги обязательны. |
| Разрешенные родительские элементы | Любой элемент, принимающий фрагментарный контент, или любой элемент, принимающий контент потока. |
| Неявная ARIA роль | Нет соответствующей роли |
| Разрешенные ARIA роли | Любые |
| Интерфейс DOM | HTMLSpanElement |
Спецификации
| Спецификация |
|---|
| Стандарт HTML # the-span-element |
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
span |
1 | 12 | 1 | 15 | 1 | 18 | 4 | 14 | 1 | 1.0 | 4.4 |
См. также
- Элемент HTML
<div>
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span