Тег стилевого оформления <span> используется для изменения стиля отображения отдельных элементов страницы, в частности — текста. С помощью тега <span> можно отдельно выделить часть информации в других блочных элементах и тегах со своим стилевым оформлением, и установить для неё индивидуальных стиль отображения. Например, можно выделить первую букву в параграфе, или одно слово в заголовке.

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

Описать стиль отображения можно либо в параметрах внутри самого тега, либо — в заголовке страницы между тегами <head> и </head>, либо — в отдельной таблице стилей файла style.css. Используется совместно с закрывающим тегом </span>, синтаксис написания:

<span>выделяемый фрагмент</span>

Теперь рассмотрим все варианты стилевого оформления. Вариант первый —  стиль оформления описывается через атрибут style внутри самого тега, параметры перечисляются в кавычках, через точку с запятой, в виде — параметр:значение. Пример:

Выделенный <span style="color:#0000ff;">фрагмент</span> текста

Изменяемыми свойствами стиля могут быть цвет, шрифт, размер, положение, выравнивание, и т.д., в данном конкретном случае — был изменён цвет выделенного фрагмента текста со стандартного на голубой.

Вриант два: в самом HTML-коде страницы, в «шапке» страницы между тегами <head> и </head>. Правила стилевого оформления объявляются тегами <style type=»text/css»> и </style>, и могут быть описаны в виде отдельного класса (.class), идентификатора (#id), или для отдельного тега. Пример:

<style type="text/css">
.class1 {
color:#0000ff;
}
#id1{
position:absolute; color:#FFF;
}
h1 {
color: #C1C1B6;
text-decoration: none;
}
</style>

После этого останется только заключить нужный фрагмент текста в теги <span> и </span>.

И вариант третий: описание стилевого оформления помещается в файл таблицы стилей style.css.