/html/span:> Универсальный контейнер стилей_
Элемент span
Синтаксис
(X)HTML
<span> ... </span>
Описание
Элемент span
(от англ. "span" ‒ «пролёт, диапазон») позволяет форматировать вложенный в него текст. Сам по себе элемент не создаёт ни каких визуальных эффектов.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | 7.5.4 Grouping elements: the DIV and SPAN elements DTD: Transitional
Strict
Frameset
|
5.0 | 4.5.28 The span element |
5.1 | 4.5.28. The span element |
XHTML | |
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
1.1 | Extensible HyperText Markup Language |
Атрибуты
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент span</title>
</head>
<body>
<h1>Пример использования элемента "span"</h1>
<p>С помощью элемента "<span style="font-size: 16pt; font-weight: bold;">span</span>" можно <span style="font-style: italic;">выделять различные части текста</span>, <span style="font-family: monospace;">менять шрифт</span>, <span style="color: green;">менять цвет</span>, <span style="border: 1px solid silver;">заключать текст в рамку</span>, <span style="background-color: #ffeeaa;">менять фон текста</span> и ещё <span style="text-decoration: underline;">много чего другого</span>.</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент span</title>
</head>
<body>
<h1>Пример использования элемента "span"</h1>
<p>С помощью элемента "<span style="font-size: 16pt; font-weight: bold;">span</span>" можно <span style="font-style: italic;">выделять различные части текста</span>, <span style="font-family: monospace;">менять шрифт</span>, <span style="color: green;">менять цвет</span>, <span style="border: 1px solid silver;">заключать текст в рамку</span>, <span style="background-color: #ffeeaa;">менять фон текста</span> и ещё <span style="text-decoration: underline;">много чего другого</span>.</p>
</body>
</html>
Элемент span