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

Что такое span в HTML5?

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>

Результат:

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

Комментарии