Тег <span> - это, пожалуй, самый гибкий и незаметный помощник в мире HTML. По сути, он представляет собой строчный контейнер для текста, который идеально подходит, когда нужно «подсветить» лишь часть фразы или отдельное слово, не нарушая при этом общей структуры документа через громоздкие блочные элементы.
Сам по себе он абсолютно незаметен: ни визуальных эффектов, ни глубокого семантического смысла в нём нет. Но стоит лишь добавить к нему стили - и перед вами открывается настоящая магия форматирования! Этот тег становится мощным инструментом, который чётко сообщает браузеру: «Внимание, примени все заданные правила стиля ко всему содержимому внутри этих границ».
Давайте посмотрим на несколько ярких примеров того, как он может преобразить ваш текст:
- выделить фрагмент цветом, изменить его размер или стиль шрифта;
- добавить эффектный цветной фон или даже фоновое изображение прямо под словами;
- обвести часть текста рамкой или подчеркнуть её для акцента;
- легко управлять содержимым с помощью JavaScript-скриптов.
Атрибуты К этому тегу можно применять любые стандартные атрибуты HTML, а также глобальные атрибуты, что делает его на удивление универсальным.
Пример У моей кошки светло синие глаза.