HTML тег <span>

Элемент <span> (от англ. "span" ‒ «пролёт, диапазон») является строчным элементом и предназначен для выделения отдельных строк, символов или других строчных элементов для дальнейшего изменения их оформления с помощью стилей, либо для манипулирования ими при помощи Javascript.

Приведем несколько примеров использования тега <span>:

  • Выделение участка текста определённым цветом, фоном или даже фоновым изображением.
  • Изменение отдельным словам или фразам размера шрифта, семейства шрифта или типа шрифта.
  • Создание различных форматирующих стилей для выбранного участка текста.
  • Использование скриптовых языков программирования к выбранным текстовым участкам, например подсветка синтаксиса кода и так далее.

Синтаксис

<span>...</span>

Закрывающий тег

Обязателен.

Атрибуты

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Нет.

Различия между HTML 4.01 и HTML5

Нет.

Пример использования:

Элемент <span> используется для изменения стилей участка текста:

Пример HTML:

Попробуй сам
<p>Элемент<span style="padding: 0 10px; background: #999;">span</span> 
может применяться для форматирования отдельных слов внутри абзаца</p> <p>Элемент <div style="padding: 0 10px; background: #999;">div</div>
НЕ может применяться для форматирования отдельных слов внутри абзаца</p>

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

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML 4.01 (W3C) Рекомендация
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Поддержка браузерами


Учебник HTML

Блочные и встроенные элементы

HTML Элементы



Contema