Элемент Marquee

Воспроизвести медиа

Видео HTML-рамки с текстом «Википедия».

Шатровый тег является нестандартной HTML элементом , который вызывает текст для прокрутки вверх, вниз, влево или вправо автоматически. Тег был впервые представлен в более ранних версиях Microsoft «s Internet Explorer , и по сравнению с Netscape » s мигания элемента , как проприетарное нестандартное расширение к HTML стандарту с проблемами юзабилити. W3C советует против его использования в HTML - документах.

Проблемы юзабилити [ править ]

Шатер может отвлекать. ^[1] Человеческий глаз привлекает движение, ^[2] и выделенный текст постоянно перемещается.

Как и в случае с элементом blink , изображения или текст с тегами marquee не всегда полностью видны на визуализированных страницах, что делает печать таких страниц неэффективной (если не невозможной) задачей; обычно требуется несколько попыток для захвата всего текста, который может отображаться там, где сообщения прокручиваются или мигают. behavior="alternate"Версия шатра делает текст джиттера вперед и назад , но не заслонять какую - либо часть его , если скроллинг ширины установлены правильно.

Поскольку выделенный текст перемещается, ссылки внутри него труднее нажимать, чем ссылки в статическом тексте, в зависимости от скорости и длины прокрутки. У пользователей есть только один шанс каждый раз, когда он прокручивается. Кроме того, слишком быстрая прокрутка текста может сделать его нечитаемым для некоторых людей, особенно для людей с нарушениями зрения. Это может легко разочаровать пользователей. Чтобы бороться с этим, сценарии на стороне клиента позволяют запрограммировать остановку шатров при наведении на них указателя мыши.

Атрибуты [ править ]

В отличие от своего мигающего аналога, элемент выделения имеет несколько атрибутов, которые можно использовать для управления и настройки внешнего вида выделения.

Выровнять

Использует тот же синтаксис, что и элемент img .

Поведение

Позволяет пользователю установить поведение выделения одного из трех различных типов:

• Прокрутка (по умолчанию) - прокручивает текст справа налево и возобновляет работу с правой стороны области, когда достигает левой стороны. Текст исчезает, когда цикл заканчивается.
• Слайд - при использовании без атрибута «Поведение» содержимое для прокрутки будет перемещаться по всей длине области, но останавливается в момент, когда достигает конца, так что содержимое будет отображаться. Но если он используется с атрибутом «Поведение», то атрибут «Слайд» будет проигнорирован.

Петли подсчитываются каждый раз, когда они достигают каждого конца области; цикл из 1 отличается от атрибута Slide. когда элемент прокручивается с атрибутом «Slide», элемент будет постоянно останавливаться в конце длины области, отображая весь элемент. Однако, когда элемент прокручивается без атрибута «Цикл», количество прокруток будет повторяться в соответствии с тем, какому количеству «Цикл» соответствует. Если «Loop = 1», то элемент будет прокручиваться только один раз и полностью выйдет за пределы области, в то время как прокручиваемый элемент остановится, будет таким же, как «Slide». По умолчанию «Loop = infinite», поэтому нет необходимости кодировать атрибут «Loop», если вы хотите непрерывную прокрутку. Примечание: «Цикл» будет проигнорирован, если закодирован атрибут «Поведение». Кроме того, если 'Behavior = Alternate 'и' Loop = 2 ', тогда элемент будет перемещаться от начала Marquee к концу и обратно к началу, считая круговой обход как 2 цикла.

• Альтернативный - прокручивает текст справа налево и возвращается слева направо.

Bgcolor

Устанавливает цвет фона рамки.

Направление

Устанавливает направление рамки выделения. Значения - влево, вправо, вверх и вниз, где значение указывает направление движения. Таким образом, Direction = left перемещает текст справа налево на экране.

Ширина

Устанавливает ширину шатра.

Петля

Это устанавливает, сколько раз область должна «зацикливать» свой текст. Каждая поездка считается одной петлей.

Прокрутка

На сколько пикселей перемещается текст между «фреймами». Таким образом, scrollamount = 1 дает самую медленную скорость прокрутки.

Прокрутка

Устанавливает количество времени в миллисекундах между «кадрами». Это очень похоже на просмотр воспроизведения видео, где каждый кадр видео будет приостановлен на x миллисекунд. Итак, «Scrolldelay = 1000» означает замедленное движение, при котором каждый кадр длится тысячу миллисекунд или одну секунду.

Элемент marquee может содержать произвольный HTML-код, поэтому в дополнение к тексту он может перемещать одно или несколько изображений, фрагментов роликов или анимированных GIF-файлов.

Соответствие [ править ]

Элемент шатёр был первым придумал для Microsoft «s Internet Explorer и до сих пор поддерживается ею. Веб-браузеры Firefox , Chrome и Safari поддерживают его для совместимости с устаревшими страницами. Элемент не поддерживает HTML . Свойства CSS используются для достижения того же эффекта, что и в модуле Marquee Module Level 3, который с 2008 года находится на стадии вызова для реализации. ^[3] Подобные эффекты также могут быть достигнуты с помощью анимации JavaScript , ^[4] или CSS3 . ^[5]

См. Также [ править ]

• Мигающий элемент
• HTML-элемент
• Сравнение верстаков (нестандартный HTML)

Ссылки [ править ]