Тег SPAN
| Браузер |
 Internet Explorer |
 Netscape |
 Opera |
 Safari |
 Firefox |
| Версия |
5.5 |
6.0 |
7.0 |
8.0 |
8.0 |
9.0 |
7.0 |
8.0 |
9.2 |
9.5 |
1.3 |
2.0 |
3.1 |
1.5 |
2.0 |
3.0 |
| Поддерживается |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
Да |
| HTML: |
3.2 |
4 |
XHTML: |
1.0 |
1.1 |
Описание
Тег <SPAN> предназначен для определения встроенных
элементов документа. В отличие от блочных элементов, таких как <TABLE>,
<P> или <DIV>, с помощью тега
<SPAN> можно выделить часть информации внутри других
тегов и установить для нее свой стиль. Например, внутри параграфа (тега <P>)
можно изменить цвет и размер первой буквы, если добавить начальный и конечный
тег <SPAN> и определить для него стиль текста. Чтобы
не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу
стилей, а для тега добавить параметр class или
id с именем селектора.
Синтаксис
<span>...</span>
Закрывающий тег
Обязателен.
Пример 1. Использование тега <SPAN>
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег SPAN</title>
<style type="text/css">
BODY {
font-family: Arial, sans-serif; /* Рубленый шрифт */
}
.letter {
color: red; /* Красный цвет символов */
font-size: 200%; /* Размер шрифта в процентах */
font-family: serif; /* Шрифт с засечками */
position: relative; /* Относительное позиционирование */
top: 5px; /* Сдвиг сверху */
}
</style>
</head>
<body>
<p><Span class="letter">L</Span>orem ipsum dolor
sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt
ut lacreet dolore magna aliguam erat volutpat.</p>
<p><Span class="letter">U</Span>t wisis enim ad
minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat.</p>
</body>
</html>
Результат данного примера показан ниже.
Рис. 1. Вид текста, оформленного с помощью тега <SPAN> и стилей
