Тег <span>

Строчный контейнер
  • Категории: Потоковое содержимое, Фразовое содержимое
  • Контекст:

    Где ожидается фразовое содержимое.

  • Модель:

    Фразовое содержимое.

Тег <span> (от англ. "span" - охватывать) представляет универсальный строчный контейнер для фразового контента. Сам по себе он ничего не означает, но может быть полезен при использовании с глобальными атрибутами, например:

  • class - для стилизации фрагмента текста через CSS
  • lang - для указания языка фрагмента
  • dir - для указания направления текста
  • и т.д.

Этот элемент должен использоваться лишь в тех случаях, когда нет более подходящих тегов.

Атрибуты

  • Глобальные атрибуты
  • Стилизация фрагмента текста

    Используем элемент <span> с заранее подготовленным классом для простой стилизации фрагмента текста. Например, выделения его полужирным начертанием исключительно в целях оформления:

  • Стилизация листинга кода

    Используем элемент <span> и подготовленные классы для стилизации листинга кода:

  • Указание языка и направления текста

    Элемент <span> можно использовать и совместно с атрибутом lang и для указания языка фрагмента. Правда элемент <i> для этого подходит больше:

Поделитесь данной записью с друзьями