HTML-тег <marquee>

Характеристики

Тип: блочный, интерактивный
Назначение: Создание бегущей строки или прокручивающегося текста. Тег устарел и не рекомендуется к использованию.
Родители: Любые блочные HTML-теги, такие как <div>, <section>, <body>.
Потомки: Текст и любые строчные HTML-теги.
Глобальные атрибуты: все
Атрибуты событий: нет

Атрибуты

behavior — Определяет поведение прокрутки (scroll, slide, alternate).
direction — Определяет направление прокрутки (left, right, up, down).
scrollamount — Определяет скорость прокрутки.
scrolldelay — Определяет задержку между прокрутками в миллисекундах.
loop — Определяет количество повторов прокрутки.
width — Ширина области прокрутки.
height — Высота области прокрутки.

Пример использования

<marquee behavior="scroll" direction="left" scrollamount="5">Это пример бегущей строки</marquee>

Использование в JavaScript

// Получение marquee элемента
const marqueeElement = document.querySelector('marquee');

// Изменение направления прокрутки
marqueeElement.setAttribute('direction', 'right');

// Изменение скорости прокрутки
marqueeElement.setAttribute('scrollamount', '10');

Рекомендации по обеспечению доступности (a11y)

Избегайте использования <marquee>, так как движущийся текст может быть раздражающим и затруднять восприятие информации
Если необходимо добавить анимацию, используйте CSS-анимации с учетом доступности
Убедитесь, что любой движущийся контент можно приостановить или остановить пользователем

Полезные ссылки