<span> - HTML тег
HTML-елемент <span> є загальним вбудованим контейнером для фразового контенту, який сам по собі нічого не представляє. Його можна використовувати для групування елементів з метою стилізації або тому, що вони мають спільні значення атрибутів, наприклад, lang.
Елемент <span> є дуже схожим на елемент <div>, але <div> є елементом блочного рівня, тоді як <span> є вбудованим (інлайновим) елементом.
Його слід використовувати лише тоді, коли жоден інший семантичний елемент не підходить. <span> є ідеальним для стилізації частини тексту або для маніпуляцій з ним за допомогою JavaScript.
Синтаксис
HTML
<span>...</span>Атрибути
Цей тег може мати глобальні атрибути.
Технічне резюме
| Категорія контенту | |
|---|---|
| Дозволений вміст | |
| Пропуск тегів | Жоден, початковий та кінцевий теги є обов’язковими. |
| Дозволені батьківські елементи | Будь-який елемент, що приймає фразовий контент. |
| Роль ARIA |
|
| DOM інтерфейс |
|
Приклади використання
Результат
<p>Мій улюблений колір — <span style="color: blue; font-weight: bold;">синій</span>.</p>Результат
<p>Він сказав: <span lang="fr">Bonjour</span>!</p>Стилі за замовчуванням
CSS
span {
display: inline;
}Підтримка браузерів
<span> |
|---|