HTML таг span

Пример

Кратък пример как се използва тагът <span>.

<p>Това е <span class="text-primary fw-bold">важен текст</span> в изречение.</p>
Опитай в редактора

Дефиниция и употреба

Виж как се ползва тагът <span>.

<span> е инлайн контейнер, който се използва за групиране на малки части от текст или други инлайн елементи с цел прилагане на стилове (CSS) или работа чрез JavaScript. Той сам по себе си няма визуален ефект, докато не му бъдат зададени стилове или атрибути.

Обичайни употреби:

  • Оцветяване или подчертаване на отделни думи/фрази в текст.
  • Добавяне на класове и идентификатори за по-прецизно таргетиране с CSS или JavaScript.
  • Маркиране на динамични части от текст, които ще се променят чрез скриптове.

Тъй като <span> е инлайн елемент, той не започва от нов ред и не „чупи“ потока на текста, за разлика от блоковите елементи като <div>. Може да съдържа само инлайн съдържание (текст, връзки, други <span> и т.н.).

Browser Support

BrowserПоддръжка

Chrome 		✔️

Firefox 		✔️

Edge 		✔️

Safari 		✔️

Opera 		✔️

Атрибути

Този елемент няма специфични атрибути.

Тагове

a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fencedframe fieldset figcaption figure footer form h1 h2 h3 h4 h5 h6 head header hgroup hr html i iframe img input ins kbd label legend li link main map mark menu meta meter nav noscript object ol optgroup option output p picture pre progress q rp rt ruby s samp script search section select selectedcontent slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr