Maison >interface Web >tutoriel HTML >Comment utiliser les balises Marquee dans la production de pages XHTML code_HTML/Xhtml_web
Comment utiliser les balises Marquee dans la production de pages XHTML code_HTML/Xhtml_web
- WBOYoriginal
- 2016-05-16 16:42:241361parcourir
Dans le forum, j'ai vu l'internaute jeanjean20 mentionner comment Marquee pouvait être modifié pour répondre aux normes. J'ai jeté un œil aux commentaires de mes amis et j'ai trouvé qu'ils étaient tous très bons. Le modérateur greengnn a souligné que Marquee ne répond pas aux normes et a été abandonné par le W3C. Certains amis étaient très mécontents et ont dit qu'il n'était pas raisonnable d'y aller et que l'effet qui était bon au début avait disparu. Certains amis ont également dit que c'était bien d'y aller, mais que c'était ennuyeux à regarder. Chacun a sa propre perspective de compréhension, mais la façon dont nous le comprenons est une chose, mais nous devons comprendre pourquoi. Ici, je vais modifier et ajouter du contenu à la conclusion de greengnn. J'espère que tout le monde comprend et pourra le comprendre.
La première chose à corriger est : Marquee a été abandonné par le W3C. Cette phrase est en fait fausse. Pourquoi ? Parce que Marquee n'a jamais été utilisé comme label officiel par le W3C. Le W3C n’a jamais formulé ce label, encore moins « l’a abandonné ». C'est comme dire le divorce avant de se marier. En fait, Marquee, comme beaucoup d'autres labels, est produit de manière privée par des sociétés telles que Microsoft et Netscape, et le W3C n'a pas reconnu ce label. Cette riche entreprise a du mal à être déraisonnable, mais cette organisation non rentable n'est qu'un dur parleur !
Pourquoi le W3C ne reconnaît-il pas Marquee ? Il faut dire que ce label est considéré comme un tournevis aux yeux de la plupart des web designers ! Dans les premières années, nous utilisions encore la puissance technologique comme un capital pour nous montrer. Mais maintenant, il n'est plus recommandé de l'utiliser (voici une digression : beaucoup de gens disent que le W3C n'autorise pas son utilisation. C'est faux. Le W3C n'a pas le droit de vous empêcher de l'utiliser ou de ne pas pouvoir l'utiliser. .), pourquoi ? Nous devons alors clarifier ce qu’est cette norme. Une norme n’est pas une technologie, c’est juste une spécification et une proposition. Nous utilisons toujours les balises d'origine en HTML4.0. Le standard n'ajoute aucune balise à notre XHTML, mais donne celles recommandées (par exemple : p, div, ul, dl, span, em... ), lesquelles sont. il est préconisé de ne pas l'utiliser (par exemple : font, b, u, i...), et il est préconisé d'exiger une sémantique et des normes d'utilisation. Bien entendu, la norme ne se limite pas au XHTML, mais inclut également les langages CSS, DOM et de script. Beaucoup de gens pensent que CSS a été créé après des normes. En fait, ce n'est pas vrai. Les normes sont les mêmes pour CSS. Il est recommandé de ne pas utiliser certains CSS développés par certains fabricants de navigateurs. Filtres CSS.
Il y a un autre point très important dans la norme, qui est la séparation fonctionnelle. Il est divisé en trois parties : structure, style et comportement. Ces trois parties incluent respectivement la structure (xHTML, XML), le modèle (CSS) et le comportement (DOM, ECMAScript). À ce stade, revenons en arrière et réfléchissons à la raison pour laquelle Marquee n'est pas reconnu par le W3C. Je pense que tout le monde devrait comprendre. Comme FONT, B et d’autres balises, ce n’est plus une balise structurelle. Ils ont des caractéristiques de style et de comportement, et il est évidemment redondant de les classer dans la catégorie des structures.
Donc, si vous souhaitez que l'effet de Marquee soit conservé ou réalisé, vous devez accorder plus d'attention à JavaScript. Le langage de script fera certainement bouger votre page Web. Si vous souhaitez déplacer l'endroit que vous spécifiez, vous devez bien sûr faire attention à l'utilisation de ID et CLASS dans la balise.
Afin de permettre à tout le monde d'utiliser plus facilement cet effet intéressant, j'ai spécialement demandé à Aoao d'écrire un morceau de JS Voir le code suivant :
Code JS :
var classElements = new Array();
if ( tagName == null )
tagName = '*'
var els = document.getElementsByTagName(tagName);
var pattern = new RegExp("( ^|s)" searchClass "(s|$)");
for (i = 0, j = 0; i < elsLen; i ) {
if ( pattern.test(els[i]. className) ) {
classElements[j] =
j
}
}
return classElements; }
function ccMarquee(className){
var a=getElementsByClass(className);
for (i = 0; i < a.length; i ) {
a[i].innerHTML= ""
}
}window.onload = function () {
ccMarquee("ccMarquee");
Code XHTML :
Copier le code
Veuillez faire attention, lorsque vous devez utiliser l'effet de défilement, ajoutez simplement Class="ccMarquee" à n'importe quelle étiquette périphérique. Faites attention à la capitalisation.
Pièce jointe :
Veuillez d'abord jeter un œil au code suivant
Copiez le code
Analysons-le maintenant en détail
◎ la direction représente la direction du défilement, la valeur Peut être gauche, droite, haut, bas, la valeur par défaut est gauche
◎ le comportement représente la méthode de défilement, la valeur peut être défilement (défilement continu) diapositive (glissière une fois) alternative (défilement aller-retour)
◎ loop représente le nombre de boucles, la valeur est un entier positif, la valeur par défaut est une boucle infinie
◎ scrollamount représente la vitesse de déplacement, la valeur est un entier positif, la valeur par défaut est 6
◎ scrolldelay représente le temps de pause, la valeur est un entier positif, la valeur par défaut est 0, l'unité semble être la milliseconde
◎ align représente l'alignement vertical de l'élément, la valeur peut être en haut, au milieu, en bas, la valeur par défaut est au milieu
◎ bgcolor représente la couleur d'arrière-plan de la zone de mouvement, la valeur est la couleur RVB hexadécimale, la valeur par défaut est le blanc
◎ hauteur, la largeur représente la hauteur et la largeur de la zone de mouvement La valeur est un entier positif (l'unité est le pixel) ou. un pourcentage. La largeur par défaut est de 100 %. La hauteur est la hauteur de l'élément dans l'étiquette
◎ hspace et vspace représentent la distance horizontale et verticale entre l'élément et la limite de la zone, et la valeur est un entier positif. l'unité est le pixel.
◎ onmouseover=this.stop() onmouseout=this.start() signifie que le défilement s'arrête lorsque la souris est au-dessus de la zone, et continue de défiler lorsque la souris s'éloigne.