HTML тег - span - определение и примеры использования
Меню
Веб-разработка
Мои услуги на Kwork
Тег span HTML

HTML - тег HTML <span> используется для определения небольшого фрагмента содержимого или текста в более крупном документе, стиль которого должен отличаться от стиля окружающего текста. Это встроенный элемент, который можно использовать для применения стилей, таких как цвет или шрифт, к определенному разделу текста.


Тег <span> - синтаксис и код

Тег <span> представлен парами. Содержимое записывается между открывающим (<span>) и закрывающим (</span>) тегами.

Пример кода с элементом <span>, который используется для изменения цвета части текста:

<p>Летом у деревьев листья <span style="color:green;font-weight:bold;">зеленые</span> а осенью <span style="color:yellow;font-weight:bold;"> желтые</span>.</p>

Летом у деревьев листья зеленые а осенью желтые.


Определение и использование

  • HTML - тег <span> — это встроенный контейнер, используемый для разметки части текста или части документа;
  • Тег <span> легко стилизовать с помощью CSS или управлять им с помощью JavaScript при помощи атрибута class или id;
  • Тег <span> во многом похож на элемент <div>, но <div> — это элемент уровня блока, а <span> — встроенный элемент.

Тег <span> сам по себе не имеет никакого семантического значения, но его можно использовать в сочетании с другими тегами, такими как <div> или <p>, чтобы придать им дополнительный стиль или функциональность. Это полезный инструмент для веб-дизайнеров и разработчиков, которым необходимо внести небольшие изменения в текст, не затрагивая общую структуру страницы.

Например, вы можете использовать тег <span>, чтобы выделить определенное слово в абзаце или применить другой размер шрифта к одному символу. Тег <span> также можно использовать с CSS для создания эффектов наведения, анимации и других динамических функций на веб-странице.


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

Crome Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

Глобальные атрибуты

Тег <span> также поддерживает - глобальные атрибуты в HTML

Атрибуты событий

Тег <span> также поддерживает - атрибуты событий в HTML


Связанные страницы

Руководство по HTML: Блочные и строчные элементы HTML


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент span со следующими значениями по умолчанию:

Отсутствуют.


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой