So verwenden Sie das Marquee-Tag im XHTML-Code

So verwenden Sie das Marquee-Tag im XHTML-Code
Im Forum habe ich gesehen, dass der Internetnutzer jeanjean20 erwähnt hat, wie man Marquee ändert, um den Standards zu entsprechen. Ich habe einige Kommentare meiner Freunde gelesen und fand sie alle gut. Der Moderator greengnn wies darauf hin, dass Marquee den Standards nicht entspricht und vom W3C aufgegeben wurde. Einige Freunde beschwerten sich, dass es unvernünftig wäre, dorthin zu gehen, da die positiven Effekte verschwunden seien. Auch einige Freunde meinten, dass es besser sei, dorthin zu gehen, da der bloße Anblick nervig sei. Jeder hat seine eigene Perspektive, aber wie wir sie verstehen, ist eine Sache, aber wir müssen herausfinden, warum. Hier werde ich nach greengnns Schlussfolgerung einige Inhalte ändern und hinzufügen, und ich hoffe, jeder kann sie verstehen und herausfinden.

Als erstes muss korrigiert werden, dass Marquee vom W3C aufgegeben wurde. Dieser Satz ist eigentlich falsch. Warum? Weil Marquee vom W3C nie als offizieller Tag verwendet wurde. Das W3C hat diese Bezeichnung nie eingeführt, geschweige denn „aufgegeben“. Das ist, als ob Sie die Scheidung einreichen würden, bevor Sie überhaupt verheiratet sind. Tatsächlich wurde Marquee wie viele andere Tags privat von Unternehmen wie Microsoft und Netscape erstellt und vom W3C nie anerkannt. Dieses reiche Unternehmen hat das Problem, unvernünftig zu sein, aber diese unrentable Organisation redet einfach stur weiter!

Warum hat das W3C Marquee nie anerkannt? Ehrlich gesagt gilt dieses Label in den Augen vieler Webdesigner als Schraubenzieher! In den Anfangsjahren haben wir mit unserer technologischen Stärke geprahlt. Aber jetzt wird seine Verwendung nicht empfohlen (ein Exkurs hier: viele Leute sagen, dass W3C seine Verwendung nicht erlaubt, was falsch ist. W3C hat kein Recht, Sie von der Verwendung auszuschließen oder Ihnen die Verwendung zu untersagen.), warum? Dann müssen wir klären, was dieser Standard ist. Ein Standard ist keine Technologie, sondern lediglich eine Spezifikation und ein Vorschlag. Wir verwenden immer noch die ursprünglichen Tags von HTML4.0. Der Standard fügt unserem XHTML keine Tags hinzu, gibt aber die empfohlenen Tags (z. B. p, div, ul, dl, span, em...) und die empfohlenen Tags (z. B. font, b, u, i...) an und befürwortet Semantik- und Verwendungsstandards. Natürlich besteht der Standard nicht nur aus XHTML, sondern umfasst auch CSS, DOM und Skriptsprachen. Viele Leute denken, dass CSS erst nach der Etablierung des Standards entwickelt wurde. Tatsächlich gibt es CSS aber schon seit langer Zeit. Dasselbe gilt für Standards für CSS. Es wird empfohlen, einige von Browserherstellern entwickelte CSS, wie etwa CSS-Filter, nicht zu verwenden.

Es gibt noch einen weiteren sehr wichtigen Punkt im Standard, nämlich die Funktionstrennung. Es ist in drei Teile unterteilt: Struktur, Stil und Verhalten. Diese drei Teile umfassen Struktur (xHTML, XML), Stil (CSS) und Verhalten (DOM, ECMAScript). Lassen Sie uns nun zurückgehen und darüber nachdenken, warum Marquee vom W3C nicht anerkannt wird. Ich denke, jeder sollte das verstehen. Wie FONT, B und andere Tags ist es kein Strukturtag mehr. Sie weisen Stil- und Verhaltensmerkmale auf und es ist offensichtlich überflüssig, sie als Strukturen zu klassifizieren.

Wenn Sie den Marquee-Effekt beibehalten oder realisieren möchten, müssen Sie JavaScript daher mehr Aufmerksamkeit schenken. Die Skriptsprache kann Ihre Webseite definitiv dynamischer machen. Wenn Du möchtest, dass sich der von Dir angegebene Ort verschiebt, musst Du auf die Verwendung von ID und CLASS im Tag achten.

Um es jedem zu erleichtern, diesen interessanten Effekt zu nutzen, habe ich Aoao speziell gebeten, ein Stück JS zu schreiben. Siehe den folgenden Code:

JS-Code:

Code kopieren
Der Code lautet wie folgt:

Funktion getElementsByClass(Suchklasse,TagName) {
var classElements = neues Array();
wenn (tagName == null)
tagName = '*';
var els = document.getElementsByTagName(tagName);
var elsLen = els.Länge;
var Muster = neuer RegExp("(^|\s)" Suchklasse "(\s|$)");
für (i = 0, j = 0; i < elsLen; i ) {
wenn ( Muster.Test(els[i].Klassenname) ) {
Klassenelemente[j] = andere[i];
J ;
}
}
gib Klassenelemente zurück;
}
Funktion ccMarquee(Klassenname){
var a=getElementsByClass(Klassenname);
für (i = 0; i < a.Länge; i ) {
a[i].innerHTML="<marquee>" a[i].innerHTML "</marquee>";
}
}window.onload = Funktion () {
ccMarquee("ccMarquee");
}

XHTML Code:


Code kopieren
Der Code lautet wie folgt:

<div Klasse="ccMarquee">
<a href="" title="">Dies ist ein Scrollvorgang</a>
</div>

Bitte beachten Sie, dass Sie dort, wo Sie den Bildlaufeffekt verwenden müssen, einfach Class="ccMarquee" zu einem beliebigen äußeren Tag hinzufügen. Achten Sie auf die Groß- und Kleinschreibung.

Anhang: Detaillierte Erklärung der <marquee>-Tag-Attribute

Bitte schauen Sie sich zuerst den folgenden Code an


Code kopieren
Der Code lautet wie folgt:

<marquee direction=up behavior=scroll loop=3 scrollamount=1 scrolldelay=10 align=top bgcolor=#ffffff height=300 width=30% hspace=20 vspace=10 onmouseover=this.stop() onmouseout=this.start()> Scroll-Inhalt hier eingeben</marquee>

Lassen Sie uns es nun im Detail analysieren

◎ direction gibt die Scrollrichtung an. Der Wert kann links, rechts, oben oder unten sein. Der Standardwert ist links
◎ „Verhalten“ gibt den Bildlaufmodus an. Der Wert kann „Scrollen“ (kontinuierliches Scrollen), „Sliden“ (einmaliges Sliden) oder „Alternate“ (hin- und hergehendes Scrollen) sein.
◎ loop gibt die Anzahl der Schleifen an, der Wert ist eine positive Ganzzahl, der Standardwert ist eine Endlosschleife. ◎ scrollamount gibt die Bewegungsgeschwindigkeit an, der Wert ist eine positive Ganzzahl, der Standardwert ist 6.
◎ scrolldelay gibt die Pausenzeit an, der Wert ist eine positive Ganzzahl, der Standardwert ist 0 und die Einheit scheint Millisekunden zu sein. ◎ align gibt die vertikale Ausrichtung des Elements an, der Wert kann oben, Mitte oder unten sein, der Standardwert ist Mitte
◎ bgcolor stellt die Hintergrundfarbe des Bewegungsbereichs dar. Der Wert ist eine hexadezimale RGB-Farbe. Der Standardwert ist Weiß. ◎ height und width stellen die Höhe und Breite des Bewegungsbereichs dar. Die Werte sind positive Ganzzahlen (in Pixeln) oder Prozentwerte. Der Standardwert width=100 % height ist die Höhe des Elements im Tag. ◎ hspace und vspace stellen die horizontalen und vertikalen Abstände vom Element zur Grenze des Bereichs dar. Die Werte sind positive Ganzzahlen in Pixeln.
◎ onmouseover=this.stop() onmouseout=this.start() bedeutet, dass das Scrollen stoppt, wenn sich die Maus über dem Bereich befindet, und fortgesetzt wird, wenn die Maus wegbewegt wird.

<<:  Untersuchung des Problems der Flip-Navigation mit geneigter Maus

>>:  Problemlösungsvorgänge für Alpine Docker-Bildschriftarten

Artikel empfehlen

Empfehlen Sie 60 Paging-Fälle und bewährte Vorgehensweisen

<br />Struktur und Hierarchie reduzieren die...

mySql SQL-Abfrageoperation für statistische Mengen

Ich werde nicht viel Unsinn erzählen, schauen wir...

JavaScript-Closures erklärt

Inhaltsverzeichnis 1. Was ist ein Abschluss? 2. D...

Beispiel für die Erstellung eines XML-Online-Editors mit js

Inhaltsverzeichnis Vorwort Die Notwendigkeit von ...

Schritte zum Erstellen eines CentOS-Containers über Docker

Inhaltsverzeichnis Vorwort Erstellen Sie ein Brüc...

Detaillierte Analyse der MySQL-Indexdatenstruktur

Inhaltsverzeichnis Überblick Indexdatenstruktur B...

img usemap Attribut China Karte Link

HTML-img-Tag: definiert ein Bild, das in eine Webs...

Docker-Compose-Installation DB2-Datenbankbetrieb

Es ist mühsam, die db2-Datenbank direkt auf dem H...

onfocus="this.blur()" wird von blinden Webmastern gehasst

Als er über die Seite zur Bedienung der Bildschir...

Tutorial zur Installation von VMware Workstation 14 Pro unter Ubuntu 16.04

In diesem Artikel wird die spezifische Methode zu...