Тег span

ОписВідкриваючий та закриваючий теги span використовуються, коли треба виділити фрагмент всередині блоку (div або p).
Це дуже зручно при верстанні html-макетів, коли одна частина блоку має одне оформлення, а інша частина - зовсім інше.
Синтаксис
<span>Текст</span>
АтрибутиВідсутні
Приклад
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//UA" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Приклад тегу span</title>
<style type="text/css">
.char {
color: red;
font-family: serif;
font-style: italic;
}
</style>
</head>
<body>
<span class="char">Ч</span>ерговий текст.
Нічого особливого, він є лише черговим прикладом.
<span class="char">А</span>ле перші літери...
Ви ж звернули на них увагу?
</body>
</html>

Тег span


(відкриється в новому вікні)
Часті помилки
ДодатковоУважні читачі можуть зауважити - мовляв, практично такого ж самого ефекту можна добитися, використовуючи теги font з атрибутом color. Це не зовсім так - змінена перша літера є лише найпростішим прикладом.
А спробуйте поставити тегами font, наприклад, аніммірованний фон - і як вам? До того ж властивості span можуть застосовуватися не тільки до текстів, а й до інших об'єктів - наприклад, зображень.

Тег span