Главная
HTML-тег <span>
Характеристики
- Тип: строчный, статичный
- Назначение: Контейнер для группировки строчных элементов и управления их стилизацией.
- Родители: Любые HTML-теги, которые могут содержать строчные элементы, например, <p>, <div>, <span>, <a> и другие.
- Потомки: Любые строчные HTML-теги и текст.
- Глобальные атрибуты: все
- Атрибуты событий: все
Пример использования
<span id="mySpan">Пример текста</span>
Использование в JavaScript
// Получение элемента по ID
const spanElement = document.getElementById('mySpan');
// Изменение содержимого
spanElement.innerHTML = 'Новое содержимое';
// Добавление класса
spanElement.classList.add('new-class');
// Изменение стиля
spanElement.style.color = 'red';
Рекомендации по обеспечению доступности (a11y)
- Используйте семантические теги вместо <span>, когда это возможно (например, <em>, <strong>, <mark>).
- Если необходимо использовать <span> для интерактивных элементов, убедитесь, что они доступны с клавиатуры и имеют соответствующие роли и атрибуты.
- Отсутствие семантики у <span> может затруднить понимание содержания для пользователей вспомогательных технологий.
- Использование <span> для интерактивных элементов без соответствующих атрибутов может привести к проблемам с доступностью.
Полезные ссылки