HTML - тег HTML <span>
используется для определения небольшого фрагмента содержимого или текста в более крупном документе, стиль которого должен отличаться от стиля окружающего текста. Это встроенный элемент, который можно использовать для применения стилей, таких как цвет или шрифт, к определенному разделу текста.
Тег <span>
представлен парами. Содержимое записывается между открывающим (<span>
) и закрывающим (</span>
) тегами.
Пример кода с элементом <span>
, который используется для изменения цвета части текста:
<p>Летом у деревьев листья <span style="color:green;font-weight:bold;">зеленые</span> а осенью <span style="color:yellow;font-weight:bold;"> желтые</span>.</p>
Летом у деревьев листья зеленые а осенью желтые.
<span>
— это встроенный контейнер, используемый для разметки части текста или части документа;<span>
легко стилизовать с помощью CSS или управлять им с помощью JavaScript при помощи атрибута class
или id
;<span>
во многом похож на элемент <div>
, но <div>
— это элемент уровня блока, а <span>
— встроенный элемент.Тег <span>
сам по себе не имеет никакого семантического значения, но его можно использовать в сочетании с другими тегами, такими как <div> или <p>, чтобы придать им дополнительный стиль или функциональность. Это полезный инструмент для веб-дизайнеров и разработчиков, которым необходимо внести небольшие изменения в текст, не затрагивая общую структуру страницы.
Например, вы можете использовать тег <span>
, чтобы выделить определенное слово в абзаце или применить другой размер шрифта к одному символу. Тег <span>
также можно использовать с CSS для создания эффектов наведения, анимации и других динамических функций на веб-странице.
Поддерживает | |
Поддерживает | |
Поддерживает | |
Поддерживает | |
Поддерживает |
Тег <span>
также поддерживает - глобальные атрибуты в HTML
Тег <span>
также поддерживает - атрибуты событий в HTML
Руководство по HTML: Блочные и строчные элементы HTML
Большинство браузеров будут отображать элемент span
со следующими значениями по умолчанию:
Отсутствуют.
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.