<span> элемент span для текстового содержимого HTML

Элемент <span> HTML представляет собой универсальный встроенный контейнер для фразового содержимого, который сам по себе не имеет никакого значения. Его можно использовать для группировки элементов с целью их стилизации (с помощью атрибутов 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: red;
}

Атрибуты

Этот элемент поддерживает только глобальные атрибуты.

Примеры

Пример 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;
}

Результат

Техническая сводка

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

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

См. также

• Элемент <div> в HTML