Для создания бегущей строки HTML имеет balise de fermeture
Достаточно интересно, что первоначально он Il a été créé pour Internet Explorer, tandis que d'autres ont appris à le comprendre plus tard. Bien que généralement le contraire se produise, et c'est le navigateur de Microsoft qui agit toujours en retard, créant de nombreux problèmes pour les programmeurs.
Cependant, en termes de sémantique, il est considéré comme obsolète et n'est plus inclus dans la spécification HTML. Ainsi, le code qui inclut cette balise ne passera pas la validation.
Quelle en est la raison?Dans le HTML moderne, il n'y a pas de ligne rampante, car CSS effectue toute l'animation et le style. Parfois, vous devez utiliser JS. Par conséquent, HTML n'est responsable que du balisage. Néanmoins,
En HTML, une ligne rampante est spécifiée par une balise de fermeture:
À l'intérieur, non seulement du texte peut être placé, mais aussi d'autres éléments, tels que des photographies ou des tableaux. Rappelons que bien que ce code fonctionne, il ne passera pas la validité.
Vous pouvez contrôler les lignes d'exploration en HTML à l'aide d'attributs. La vitesse de déplacement est définie via l'attribut scrollamount. Il ressemblera à ceci:
<marquee scrollamount = "1"> du texte </marquee> Le changement de vitesse se produit en raison de la constantesupprimer les informations sur la position du texte et l'afficher dans un nouvel emplacement. En modifiant la valeur de l'attribut, nous définissons le nombre de pixels entre l'ancienne position et la nouvelle. En conséquence, plus la valeur est élevée, plus la vitesse est élevée. Cet attribut est pris en charge par tous les navigateurs.
Si la vitesse de défilement est trop rapide,la limitation automatique s'activera pour que le texte reste lisible. Si vous devez contourner cette limitation, entrez l'attribut truespeed. Notez que toutes les versions de navigateur ne le comprennent pas. IE et Firefox peuvent fonctionner avec.
Le délai entre le défilement du texte peut être défini à l'aide de l'attribut scrolldelay.
Par largeur, la balise occupera toute la largeur du parentélément. Et en hauteur, il sera égal au contenu à l'intérieur. Pour changer cela, vous devez utiliser deux attributs pour la hauteur et la largeur. Ce sont respectivement la hauteur et la largeur. Vous pouvez utiliser des pixels ou des pourcentages.
Il existe également deux autres attributs, à savoir hspace etvspace. Ils sont nécessaires pour créer un espace blanc autour de la ligne rampante, ou plutôt une indentation. La distance est définie horizontalement et verticalement, respectivement.
En plus de la vitesse, vous pouvez définir d'autresparamètres de mouvement. La direction du mouvement est contrôlée par l'attribut direction. Par défaut, le texte se déplace de droite à gauche. Ce mouvement correspond à la valeur du droit. Pour faire bouger le texte dans la direction opposée, spécifiez simplement à gauche, et cela ressemblera à ceci:
<marquee direction = "left"> ... </marquee>En plus du défilement horizontal, vous pouvez également spécifier le défilement vertical. Utilisez haut pour déplacer le contenu vers le haut et vers le bas pour descendre.
Pour changer la nature du mouvement, il y a deux autresattribut intéressant et utile. Vous pouvez définir le nombre de défilements après lesquels le contenu s'arrêtera à sa position extrême et ne bougera pas. Cette propriété correspond à l'attribut loop. La valeur par défaut est -1. S'il est défini sur 0, le texte ne bougera pas du tout. Les nombres entiers au-dessus de 0 lanceront le compteur.
L'attribut le plus volumineux est le comportement.Il est responsable de la manière dont le contenu circule. La valeur par défaut est scroll. Cela signifie que le contenu se déplacera dans une direction donnée, et une fois qu'il sera complètement masqué, il recommencera à se déplacer.
S'il y a peu de contenu, vous pouvez définir l'attributvaleur alternative. Après avoir atteint le point extrême, le contenu commencera à se déplacer dans la direction opposée. Et donc un nombre infini de fois, si le compteur n'est pas mis.
La dernière valeur est slide. Il demande au contenu d'aller à la fin et de s'arrêter.
La balise <marquee> comprend un attribut bgcolor qui vous permet de définir la couleur d'arrière-plan de la ligne. Par défaut, c'est le même que la page.
HTML ne suffit pas pour créer une belle ligne rampante. Les styles doivent être utilisés. Par exemple, si nous voulons rendre le texte plus beau:
<marquee scrollamount = "1" style = "color: # D9470D; font-size: 40px; poids de la police: plus audacieux; line-height: 150%; "> Ticker </marquee>Il existe de nombreuses façons d'utiliser la ligne rampante.Vous pouvez simplement utiliser du texte courant pour attirer l'attention. Il est possible de créer une sorte d'indicateur contenant une grande quantité de texte. Vous pouvez également insérer une série d'images qui se déplacent en douceur. Cela affichera plus de contenu.
Une ligne courante dans le code HTML vous aidera à créer une animation simple si vous utilisez une image animée, par exemple, d'un homme qui court.
Nous avons expliqué comment créer une ligne d'exploration en HTML.C'est une méthode assez simple et facile à apprendre. Cependant, il est obsolète et ne passe pas la validation. Je n'ai pas reçu de développement et d'assistance supplémentaires, ce qui peut poser des problèmes lorsque vous travaillez dans différents navigateurs.
Nous ne recommandons pas de l'utiliser.Pour créer une ligne rampante, ou plutôt une animation en général, CSS3 a une règle @keyframes unique. Il vous permet de créer des images séquentielles d'animation. Et la propriété animation détermine déjà la livraison de cette animation même. Cette boîte à outils fournit beaucoup plus de fonctionnalités que l'ancienne balise <marquee>. Il est également beaucoup plus pratique à utiliser et, surtout, c'est ce à quoi ils aspirent depuis de nombreuses années: nettoyer le HTML des fichiers inutiles et le rendre plus lisible et structuré.
