Элемент <span>
Элемент <span>
(от англ. span — охватывать) представляет собой универсальный элемент, который позволяет выделить части текста, слова, символы или другое фразовое содержимое с целью последующей стилизации с помощью CSS.
Сам по себе элемент <span>
не имеет ни какого-либо визуального представления, ни семантического значения. Рекомендуется его использовать только когда нет другого подходящего по семантике элемента.
Примеры использования элемента <span>
:
- выделение части текста цветом, изменение размера или шрифта;
- заключение фрагмента текста в рамку, подчёркивание;
- манипулирование содержимым с помощью скриптов.
Категории | Потоковое содержимое, фразовое содержимое, явное содержимое. |
---|---|
Синтаксис | <span>...</span> |
Опускание тегов | Начальный и конечный теги обязательны. |
Модель содержимого | Фразовое содержимое. |
Атрибуты
Для элемента <span>
доступны глобальные атрибуты и события.
Стиль по умолчанию
Нет.
Пример
<p>У меня есть шарик <span style="color: orange;">оранжевого</span> цвета.</p>
Результат
У меня есть шарик оранжевого цвета.