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.