span — фрагмент текста

  • 25 января 2023

Справочник

Саша Ермайкина

🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Тег <span> — строчный элемент, который используется для стилизации части текста. Например, с его помощью можно поменять цвет, размер шрифта или начертание, добавить и убрать подчёркивание. При этом сам по себе тег не несёт никакого смыслового значения.

<p><span class='warning'>Предупреждение:</span> не пытайтесь сделать это дома.</p>

.warning {
  color: red;
  font-weight: bold;
 }

Если тег <span> используется без каких-либо стилей или классов, он не влияет на содержимое.

Чем заменить тег

Зависит от того, что вы делаете:

  • <strong> или <b> могут быть альтернативами, если вы хотите выделить текст жирным шрифтом, но <strong> добавляет семантический акцент, в то время как <b> — нет.
  • <em> или <i> используются для выделения текста курсивом, но снова же <em> добавляет семантическую значимость, а <i> — нет.
  • <mark> может быть использован для выделения или подсветки части текста.

Полезные статьи — по почте

Подпишитесь на редакторскую рассылку о фронтенде, новых CSS-штучках и всём, что пригодится разработчику.

Присылаем одно письмо в неделю. Без спама и нейросетей.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники