Тег 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>

Выход

HTML Marquee Tag Examples Это пример выделения 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>

Выход

HTML Marquee Scroll Attribute Это пример области прокрутки Up Side Direction ...

Свойство 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>

Выход

HTML Marquee Slide Attribute Это пример слайд-бега ...

Альтернативное свойство 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>

Выход

HTML Marquee Alternate Attribute Это пример альтернативного шатра ...

Атрибут 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 Direction Attribute Examples Это пример выделения в направлении вверх ... Это пример выделения в направлении вниз ... Это пример выделения с правой стороны ... Это пример выделения с левой стороны ...

Атрибуты тега HTML Marquee

Атрибут	Описание
поведение	Поведение прокрутки текста ... Он устанавливает поведение выделения одного из трех различных типов: прокрутка, слайд и чередование.
bgcolor	Измените цвет фона.
направление	Он определяет направление прокрутки контента, например, влево / вправо / вверх / вниз.
рост	Он определяет высоту области в пикселях или "%".
ширина	Он определяет ширину области в пикселях или "%".
hspace	Он определяет горизонтальное пространство в пикселях вокруг области выделения.
vspace	Он определяет вертикальное пространство в пикселях вокруг области выделения.
scrolldelay	Задержка в миллисекундах между прокруткой. Значение по умолчанию - 85, если задержка прокрутки не указана. Если указано значение ниже 60, также необходимо использовать атрибут truespeed.
прокрутка	Количество прокрутки (в пикселях) для каждого интервала. Значение по умолчанию - 6, если количество прокрутки не указано.
истинная скорость	Используйте этот атрибут, чтобы указать, что разрешено значение задержки прокрутки 60. В противном случае значение задержки прокрутки будет округлено до 60.
петля	Он определяет, сколько раз будет прокручиваться текст. Значение по умолчанию -1, что означает, что выделение будет непрерывно зацикливаться.
bgcolor	Он определяет цвет фона. Сейчас он обесценивается.

Методы выделения HTML

Тег marquee имеет следующие методы:

Методы	Описание
Начните()	Начинает прокрутку текста в рамке.
останавливаться()	Он останавливает прокрутку текста в рамке.

Обработчики событий Marquee

Тег <marquee> имеет следующие обработчики событий:

Обработчик события	Описание
отскок	Событие onbounce срабатывает, когда для атрибута поведения установлено значение «чередование» и текст достигает края области выделения.
на финише	Событие onfinish срабатывает, когда для атрибута цикла задано значение выше 0 и выделение завершило цикл заданное количество раз.
на старте	Это событие возникает, когда текст начинает прокручиваться.