/ Справочники / HTML5 / span

Информация по поводу - span


HTML тег <span> создает строчный элемент. Строчные элементы отличаются от блочных тем, что для них не создаются отступы или же пропуски строк. Они просто вливаются в сам текст. К примеру, если применить этот тег в тексте, то без дополнительных стилей вы никаких изменений не найдете. Требует закрывающий тег </span>.

Основная и единственная функция этого тега заключается в том, что вы можете выделять участки страницы и добавлять к ним различные CSS стили. При использовании div или же других тегов это все может расцениваться как блоки или же как текст, который принадлежит к определенной категории - адрес, кусочек кода или что-то в этом духе.

Атрибуты:
  • У этого тега нет специальных атрибутов, но вы можете использовать все универсальные теги, такие как title.
Пример:
CSS код:
span {
   background-color: #d99b9b;
}

span:last-of-type {
   background-color: #d9d39a;
}
HTML код:
<p>
	Обы<span>ч</span>ный те<span>к</span>ст, но не<span>к</span>отор<span>ы</span>е бу<span>к</span>вы выде<span>л</span>ены <span>в</span> другой цвет.
</p>
Результат:

Обычный текст, но некоторые буквы выделены в другой цвет.