Тег <span>
является общим контейнером для встроенного или фразового содержимого. Элемент <span>
не предает какой-либо семантический смысл содержимому по умолчанию.
Тег <span>
широко используется для определения структурных разделов документа и макета веб-страницы с использованием CSS-свойств.
Тип: | Inline |
Контент: | Inline, и текст |
Открывающий тег: | Обязательный |
Закрывающий тег: | Обязательный |
Версия: | HTML 4, 4.01, 5 |
<span>
очень похож на элемент <div>
; оба элемента не несут семантического смысла в его содержимом, а также не обеспечивают стилизацию или какие-либо другие визуальные изменения. Но <div>
является блочным элементом, в то время как <span>
это инлайновый элемент.
Синтаксис
Базовый синтаксис тега <span>
выглядит следующим образом:
HTML / XHTML: <span> ... </span>
Примеры написания кода тега <span>
:
<p>Вот некоторый <span style="color:red;">отличительный</span> текст.</p>
<p>Читайте <span class="important">Заметки</span> внимательно.</p>
<span>
является наиболее полезным элементом для управления контентом через css или js (с использованием атрибутов class или id).
Специальные атрибуты тега
Тег <span>
не имеет специальных атрибутов.
Глобальные атрибуты
Как и все другие HTML-теги, тег <span>
поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <span>
так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <span>
поддерживается во всех основных браузерах.