Тег HTML Marquee - почему его следует избегать?
<marquee>
Тег
HTML
используется для автоматической прокрутки изображения или текста по горизонтали или вертикали на веб-странице.
Проще говоря, он автоматически прокручивает изображение или текст вверх, вниз, влево или вправо.
По умолчанию, без какого-либо конкретного атрибута, содержимое тега <marquee> будет прокручиваться справа налево. Тег marquee устарел в HTML5 и больше не должен использоваться. Вместо этого вы должны использовать CSS для создания аналогичного эффекта прокрутки. Теперь мы можем использовать следующие свойства CSS3, такие как marquee-play-count, marquee-style, overflow-style, marquee-direction и marquee-speed.
Посмотрите на пример ниже, в котором работает эффект прокрутки по умолчанию.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Marquee Tag </title>
</head>
<body>
<marquee> This is an example of HTML marquee. </marquee>
</body>
</html>
Выход
Свойство Marquee Scroll
Marquee Scroll - свойство по умолчанию. Во время прокрутки текст перемещается справа налево и возобновляется с правой стороны выделения, когда он достигает конца в левой части экрана.
Он используется в
качестве значения
behavior
атрибута, как,
behavior="scroll"
.
Вы также можете изменить направление прокрутки с помощью
direction
атрибута.
Поскольку это свойство по умолчанию, указывать его в теге Marquee нет необходимости.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Scroll Attribute </title>
</head>
<body>
<marquee width="100%" behavior="scroll" direction="up">
This is an example of a scroll marquee Up Side Direction...
</marquee>
</body>
</html>
Выход
Свойство Marquee Slide
Свойство Marquee Slide прокручивает текст справа налево и в конце экрана останавливает движение.
Вы можете указать атрибут направления ,
чтобы изменить направление шатра ,
как,
direction=up/down/left/right
.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Marquee Slide Attribute </title>
</head>
<body>
<marquee width="100%" behavior="slide">
This is an example of a slide marquee...
</marquee>
</body>
</html>
Выход
Альтернативное свойство Marquee
Альтернативное свойство Marquee прокручивает текст справа налево, а затем возвращается слева направо. Вы можете установить только направление влево или вправо для этого свойства.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Marquee Alternate Attribute </title>
</head>
<body>
<marquee width="100%" behavior="alternate">
This is an example of a alternate marquee...
</marquee>
</body>
</html>
Выход
Атрибут Marquee 'Direction'
Атрибут «Направление» используется для изменения направления прокрутки текста внутри тега выделения. Направление текста или данных изображения внутри тега marquee может быть влево, вправо, вверх и вниз.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Marquee Direction Attribute </title>
</head>
<body>
<marquee width="100%" behavior="scroll" direction="up">
This is an example of a Up side direction marquee...
</marquee>
</body>
</html>
Выход
Атрибуты тега HTML Marquee
Атрибут | Описание |
---|---|
поведение | Поведение прокрутки текста ... Он устанавливает поведение выделения одного из трех различных типов: прокрутка, слайд и чередование. |
bgcolor | Измените цвет фона. |
направление | Он определяет направление прокрутки контента, например, влево / вправо / вверх / вниз. |
рост | Он определяет высоту области в пикселях или "%". |
ширина | Он определяет ширину области в пикселях или "%". |
hspace | Он определяет горизонтальное пространство в пикселях вокруг области выделения. |
vspace | Он определяет вертикальное пространство в пикселях вокруг области выделения. |
scrolldelay | Задержка в миллисекундах между прокруткой. Значение по умолчанию - 85, если задержка прокрутки не указана. Если указано значение ниже 60, также необходимо использовать атрибут truespeed. |
прокрутка | Количество прокрутки (в пикселях) для каждого интервала. Значение по умолчанию - 6, если количество прокрутки не указано. |
истинная скорость | Используйте этот атрибут, чтобы указать, что разрешено значение задержки прокрутки 60. В противном случае значение задержки прокрутки будет округлено до 60. |
петля | Он определяет, сколько раз будет прокручиваться текст. Значение по умолчанию -1, что означает, что выделение будет непрерывно зацикливаться. |
bgcolor | Он определяет цвет фона. Сейчас он обесценивается. |
Методы выделения HTML
Тег marquee имеет следующие методы:
Методы | Описание |
---|---|
Начните() | Начинает прокрутку текста в рамке. |
останавливаться() | Он останавливает прокрутку текста в рамке. |
Обработчики событий Marquee
Тег <marquee> имеет следующие обработчики событий:
Обработчик события | Описание |
---|---|
отскок | Событие onbounce срабатывает, когда для атрибута поведения установлено значение «чередование» и текст достигает края области выделения. |
на финише | Событие onfinish срабатывает, когда для атрибута цикла задано значение выше 0 и выделение завершило цикл заданное количество раз. |
на старте | Это событие возникает, когда текст начинает прокручиваться. |
Поддержка браузера
|
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
<marquee>
|
|
|
|
|
|