Элемент Marquee - Marquee element
HTML |
---|
Сравнения |
В метка выделения нестандартный HTML элемент, который заставляет текст автоматически прокручиваться вверх, вниз, влево или вправо. Тег был впервые представлен в ранних версиях Microsoft с Internet Explorer, и сравнивали с Netscape с мигающий элемент, как проприетарное нестандартное расширение стандарта HTML с проблемами удобства использования. В W3C не рекомендует использовать его в HTML-документах.
Проблемы юзабилити
Шатер может отвлекать.[1] Человеческий глаз привлекает движение,[2] и выделенный текст постоянно перемещается.
Как и в случае с мигающий элемент изображения или текст с метками-метками не всегда полностью видны на обработанных страницах, что делает печать таких страниц неэффективной (если не невозможной) задачей; обычно требуется несколько попыток для захвата всего текста, который может отображаться в местах прокрутки или мигания сообщений. В поведение = "альтернативный"
версия marquee заставляет текст дрожать вперед и назад, но не скрывает его часть, если ширина прокрутки установлена правильно.
Поскольку выделенный текст перемещается, ссылки в нем труднее нажимать, чем в статическом тексте, в зависимости от скорости и длины прокрутки. У пользователей есть только один шанс при каждой прокрутке. Кроме того, слишком быстрая прокрутка текста может сделать его нечитаемым для некоторых людей, особенно для людей с нарушениями зрения. Это может легко расстроить пользователей. Чтобы бороться с этим, клиентские сценарии позволяет запрограммировать остановку шатров при наведении на них указателя мыши.
Атрибуты
В отличие от мигающего аналога, элемент выделения имеет несколько атрибуты которые можно использовать для управления и настройки внешнего вида выделения.
- Выровнять
- Использует тот же синтаксис, что и img элемент.
- Поведение
- Позволяет пользователю установить поведение выделения одного из трех различных типов:
- Прокрутка (по умолчанию) - прокручивает текст справа налево и перезапускается с правой стороны области, когда она достигает левой стороны. Текст исчезает, когда цикл заканчивается.
- Горка - При использовании в отсутствие атрибута «Поведение» содержимое для прокрутки будет перемещаться по всей длине области, но останавливается в момент, когда она достигает конца, так что содержимое будет отображаться. Но если он используется с атрибутом «Поведение», то атрибут «Слайд» будет проигнорирован.
Петли подсчитываются каждый раз, когда они достигают каждого конца бегущей строки; цикл из 1 отличается от атрибута Slide. когда элемент прокручивается с атрибутом «Slide», элемент постоянно останавливается в конце длины области, отображая весь элемент. Однако, когда элемент прокручивается без атрибута «Цикл», количество прокруток будет повторяться в соответствии с тем, какому числу «Цикл» соответствует. Если «Loop = 1», то элемент будет прокручиваться только один раз и полностью выйдет за пределы области, в то время как прокручиваемый элемент остановится, будет таким же, как «Slide». По умолчанию «Loop = infinite», поэтому нет необходимости кодировать атрибут «Loop», если вы хотите непрерывную прокрутку. Примечание: «Цикл» будет проигнорирован, если закодирован атрибут «Поведение». Кроме того, если «Behavior = Alternate» и «Loop = 2», то элемент будет перемещаться от начала Marquee до конца и обратно к началу, считая круговой обход как 2 цикла.
- Альтернативный- Прокручивает текст справа налево и возвращается слева направо.
- Bgcolor
- Устанавливает цвет фона рамки.
- Направление
- Устанавливает направление рамки выделения. Значения - влево, вправо, вверх и вниз, где значение указывает направление движения. Направление = влево перемещает текст справа налево на экране.
- Ширина
- Устанавливает ширину шатра.
- Петля
- Это устанавливает, сколько раз область должна «зацикливать» свой текст. Каждая поездка считается одной петлей.
- Прокрутка
- На сколько пикселей перемещается текст между «фреймами». Таким образом, scrollamount = 1 дает самую медленную скорость прокрутки.
- Прокрутка
- Устанавливает время в миллисекундах между «кадрами». Это похоже на просмотр воспроизведения видео, в котором каждый кадр видео будет приостановлен на x миллисекунд. Итак, «Scrolldelay = 1000» означает замедленное движение, при котором каждый кадр длится тысячу миллисекунд или одну секунду.
Элемент marquee может содержать произвольный HTML-код, поэтому в дополнение к тексту он может перемещать одно или несколько изображений, фрагментов ролика или анимированных GIF-файлов.
Согласие
Элемент шатра был впервые изобретен для Microsoft с Internet Explorer и все еще поддерживается им. Fire Fox, Хром и Сафари веб-браузеры поддерживают его для совместимости с устаревшими страницами. Элемент не соответствует требованиям HTML. CSS Свойства используются для достижения того же эффекта, что и в модуле Marquee уровня 3, который по состоянию на 2008 г. находится на стадии вызова для реализации.[3] Аналогичного эффекта можно добиться и за счет использования JavaScript,[4] или же CSS3 анимации.[5]
Смотрите также
Рекомендации
- ^ «Глоссарий» шатер ». Юзабилити прежде всего. Foraker. Получено 2010-03-14.
- ^ Тим Луи Макалузо (27 мая 2009 г.). «Исследование показывает, что глаза оставляют слова ради движения». Газета Рочестер Сити. Архивировано из оригинал на 2009-06-01. Получено 2010-03-14.
- ^ CSS Marquee Module, уровень 3
- ^ Шарп, Реми (10 сентября 2008 г.). "Шелковистая гладкая шатер". Получено 20 июля 2005.
- ^ liMarquee - альтернативный шатер jQuery плагин. Создает горизонтальную или вертикальную рамку для текста, изображений, товаров, баннеров или логотипов