Movatterモバイル変換


[0]ホーム

URL:


  1. Веб-технологии для разработчиков
  2. HTML
  3. Справка по HTML
  4. Элемент
  5. <span>

This page was translated from English by the community.Learn more and join the MDN Web Docs community.

View in EnglishAlways switch to English

<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>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

html
<p><span>Какой-нибудь текст</span></p>

Результат

Пример 2

HTML

html
<li>  <span>    <a href="portfolio.html">Посмотреть моё портфолио</a>  </span></li>

CSS

css
li span {  background: gold;}

Результат

Спецификации

Specification
HTML
# the-span-element

Совместимость с браузерами

Смотрите также

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp