So verwenden Sie JavaScript und CSS richtig in XHTML-Dokumenten
|
Auf immer mehr Websites wird HTML4 durch XHTML ersetzt. Allerdings unterstützen einige gängige Browser XHTML nicht sehr gut. Darüber hinaus verstehen einige Webseiten-Ersteller die Unterschiede zwischen XHTML und HTML4 nicht gut, was den Fortschritt von XHTML in der Entwicklung des WEB verlangsamt. XHTML ist XML, nicht HTML Eine der größten Fehleinschätzungen über XHTML besteht derzeit darin, dass es sich lediglich um eine andere Version von HTML handelt. Dieses Missverständnis ist darauf zurückzuführen, dass der Microsoft Internet Explorer XHTML nur im MIME-Format text/html unterstützt und nicht im empfohlenen Format application/xhtml+xml. Wenn eine XHTML-Seite im MIME-Format text/html analysiert wird, unterscheidet sie sich nicht von einer HTML-Seite. Wenn sie jedoch im MIME-Format text/xml oder application/xhtml+xml analysiert wird, befolgt sie strenge Regeln für das Schreiben und Anzeigen von XML. Korrekt formatiertes XHTML ist ein XML-Programm und muss beim Schreiben strenge Regeln befolgen: 1. Die Zeichen < und & dürfen im Inhalt eines XHTML-Dokuments nicht vorkommen, es sei denn, sie sind in einem CDATA-Tag enthalten (<![CDATA[...]]>). 2. Kommentar-Tags (<!--...-->) dürfen nicht zwei aufeinanderfolgende Bindestriche (--) enthalten. 3. Inhalt in Kommentar-Tags (<!--...-->) wird ignoriert Probleme mit Stil und Skriptinhalt Der Inhalt innerhalb der Stil- und Skript-Tags führt zu einigen Unterschieden, wenn XHTML als XML-Format (und nicht als HTML-Format) analysiert wird. JavaScript enthält Zeichen, die in XHTML nicht vorkommen können Einige Sonderzeichen von JavaScript können nicht außerhalb des CDATA-Tags von XHTML existieren. <Skripttyp="text/javascript"> var i = 0; während(++i < 10){ //... } </Skript> Hinweis: Der obige Beispielcode ist kein wohlgeformtes XHTML, da er das Tag „ < “ verwendet, das in XHTML oder XML nicht zulässig ist. Verwenden von Kommentaren im Stil und im Skriptinhalt Autoren, die mit HTML vertraut sind, wissen normalerweise, dass das Einfügen des Inhalts von Stil- und Skript-Tags in Kommentar-Tags diese Inhalte im Browser ausblendet, einige Browser können sie jedoch nicht verstehen. <style type="text/css"> <!-- Körper {Hintergrundfarbe: blau; Farbe: gelb;} --> </Stil> <Skripttyp="text/javascript"> <!-- var i = 0; var Summe = 0; für (i = 0; i < 10; ++i) { Summe += i; } Alarm('Summe = ' + Summe); // --> </Skript> Das obige Beispiel zeigt, wie der Inhalt innerhalb des Kommentar-Tags im Browser ignoriert wird. Gleichzeitig zeigt dieses Beispiel auch den Unterschied zwischen der Verarbeitung von Inhalten im Text/XML-Format und im Anwendungs/XHTML+XML-Format durch den Browser. Mozilla 1.1+ / Opera 7 Es wird kein CSS angewendet, kein JavaScript ausgeführt Netscape 7.0x / Mozilla 1.0.x Kein CSS anwenden, sondern JavaScript ausführen Internet Explorer 5.5+ Das Dokument wird nicht angezeigt. (Siehe: https://developer.mozilla.org/Ta ... _in_XHTML_Documents ) Stil und Javascript enthalten zwei aufeinanderfolgende Bindestriche (--) Ein weiteres Problem, das bei der Verwendung von Kommentar-Tags in JavaScript in XHTML-Seiten auftritt, besteht darin, dass im JavaScript zwei aufeinanderfolgende Bindestriche (--) vorkommen: <Skripttyp="text/javascript"> <!-- var ich; var Summe = 0; für (i = 10; i > 0; --i) { Summe += i; } // --> </Skript> Verwenden Sie CDATA anstelle von Kommentaren Das Einfügen des Inhalts des Skript-Tags in einen CDATA-Block kann das Problem zweier aufeinanderfolgender Bindestriche im Kommentar lösen, führt jedoch dazu, dass dies von einigen Browsern mit niedrigeren Versionen nicht unterstützt wird, da sie XML nicht verstehen können. Glücklicherweise können wir Kompatibilität erreichen, indem wir das Kommentarsymbol in JavaScript verwenden, um den CDATA-Block zu kommentieren. <Skripttyp="text/javascript"> //<![CDATA[ var i = 0; während (++i < 10) { // ... } //]]> </Skript> Empfohlene XHTML- und HTML-Kompatibilitätsverarbeitungsmethoden Schreiben Sie Stil und Skript nicht direkt in die XHTML-Seite. Eine gute Alternative besteht darin, externe Dateien zum Schreiben von CSS und JavaScript zu verwenden und diese dann in XHTML zu importieren. Diese Empfehlung scheint gut zu sein. Sie stellt jedenfalls sicher, dass es zumindest in den nächsten Jahren keine Probleme bei der Konvertierung von Seiten von text/html nach application/xhtml+xml geben wird. |
>>: Detaillierte Erläuterung der einfachen Verwendung des MySQL-Abfragecaches
![Linux-Debugging-Tools, die sich Entwickler und Betreiber unbedingt ansehen sollten [Empfohlen]](/upload/images/67cae8281a5ce.webp)
Artikel empfehlen
Implementierung einer verschiebbaren Komponente zum Teilen des linken und rechten Bedienfelds in Vue3
Inhaltsverzeichnis Komponenten zerlegen Linkes Fe...
Optimierung von Datentabellen in MySQL-Datenbanken, Analyse von Fremdschlüsseln und Nutzung von drei Paradigmen
Dieser Artikel veranschaulicht anhand von Beispie...
Detaillierte grafische Erklärung zum Einrichten von Routing und virtueller Maschinenvernetzung unter Linux
Was ist Routing? Unter Routing versteht man die Ü...
Automatische Zeilenumbrüche in HTML-Pre-Tags
Zu diesem Zeitpunkt können Sie overflow:auto; verw...
Bootstrap 3.0 Studiennotizen CSS-bezogene Ergänzung
Die wesentlichen Inhalte dieses Artikels sind wie...
JavaScript zur Implementierung der Schaltfläche „Zurück nach oben“
In diesem Artikel wird der spezifische Code für J...
Javascript, um den Effekt des Schließens von Anzeigen zu erzielen
Hier ist eine Fallstudie zu Ihrer Information, wi...
Analysieren Sie das Problem beim Herunterladen der Oracle 11g-Image-Konfiguration in Docker
1. Ziehen Sie das Bild Docker-Pull-Registrierung....
So verhindern Sie, dass die Bildlaufleiste die Seitenbreite beeinflusst, wenn die Bildlaufleiste auf der Seite angezeigt wird
Stellen Sie die Breite des Textkörpers auf die Bre...
Was sind MySQL-Dirty-Pages?
Inhaltsverzeichnis Schmutzige Seiten (Speichersei...
So konfigurieren Sie Nginx zur Unterstützung von IPv6 unter Linux
1. Überprüfen Sie, ob das vorhandene Nginx IPv6 u...
Vue einfache Implementierung einer Plattenspielerlotterie
In diesem Artikel wird der spezifische Code von V...
So installieren Sie JDK und Mysql auf dem Linux-System Ubuntu 18.04
Plattformbereitstellung 1. JDK installieren Schri...
Verwenden Sie xshell, um eine Verbindung zum Linux-Server herzustellen
Vorteile der Verwendung von xshell zur Verbindung...
Detaillierte Erläuterung der Implementierungsmethode für Linux inotify-Echtzeitsicherungen
Die Echtzeitreplikation ist die wichtigste Method...