Довідники 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>

Результат:

Простий текст, але деякі літери виділені в інший колір.

Коментарі