A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.mozilla.org/ru/docs/Web/HTML/Reference/Elements/span below:

<span> - HTML | MDN

<span>

Baseline Widely available

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;
}
Атрибуты

К этому элементу применимы только глобальные атрибуты.

Пример 1 HTML
<p><span>Какой-нибудь текст</span></p>
Результат Пример 2 HTML
<li>
  <span>
    <a href="portfolio.html" target="_blank">Посмотреть моё портфолио</a>
  </span>
</li>
CSS
li span {
  background: gold;
}
Результат Спецификации Совместимость с браузерами Смотрите также

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4