So verwenden Sie JavaScript und CSS in der Produktion von XHTML-Dokumenten_HTML/Xhtml_Webseiten richtig

WBOY
Freigeben: 2016-05-16 16:43:00
Original
1268 Leute haben es durchsucht

Auf immer mehr Websites ersetzt die Verwendung von XHTML HTML4 mit sehr hoher Geschwindigkeit. Allerdings unterstützen einige Mainstream-Browser XHTML derzeit nicht sehr gut und einige Webseitenhersteller sind sich der Unterschiede zwischen XHTML und HTML4 nicht sicher Aufgrund der Unterschiede verlangsamt sich der Fortschritt von XHTML in der WEB-Entwicklung.


XHTML ist XML, nicht HTML

Aktuell besteht eines der größten Missverständnisse über XHTML darin, dass es sich um eine andere Version von HTML handelt. Dieses Missverständnis wird dadurch verursacht, dass Microsoft Internet Explorer nur XHTML im MIME-Format text/html unterstützt und nicht das empfohlene XML-Format application/xhtml.

Wenn eine XHTML-Seite im MIME-Format text/html geparst wird, unterscheidet sie sich nicht von einer HTML-Seite, und wenn sie im MIME-Format text/xml oder application/xhtml xml geparst wird, unterscheidet sie sich nicht von einer HTML-Seite entspricht den strengen XML-Schreib- und Anzeigeregeln.

Das richtige XHTML-Format ist ein XML-Programm und muss beim Schreiben die folgenden strengen Regeln befolgen:

1. Zeichen )

2. Der Inhalt des Kommentar-Tags () darf keine zwei aufeinanderfolgenden Bindestriche (--) enthalten

3. Im Kommentarinhalt enthalten innerhalb von Tags () werden ignoriert


Probleme im Stil und Skriptinhalt
Inhalt innerhalb von Stil- und Skript-Tags Es wird einige geben Unterschiede, wenn XHTML im XML-Format (statt im HTML-Format) analysiert wird.


JavaScript enthält Zeichen, die in XHTML nicht vorkommen können

Einige Sonderzeichen in Javascript sind Zeichen, die außerhalb des CDATA-Tags von XHTML nicht vorkommen dürfen.



HINWEIS: Der obige Beispielcode ist kein wohlgeformtes XHTML, da er das Tag „“ verwendet, das in XHTML oder nicht zulässig ist XML "


Kommentare in Stil- und Skriptinhalten verwenden

Autoren, die mit HTML vertraut sind, wissen normalerweise, dass der Inhalt von Stil- und Skript-Tags in Kommentar-Tags eingefügt wird Diese werden in Browsern ausgeblendet, aber einige Browser verstehen sie nicht.


style>



Das obige Beispiel zeigt, wie der Inhalt im Kommentar-Tag im Browser ignoriert wird. Gleichzeitig zeigt dieses Beispiel auch die Verarbeitung von Text/XML-Format und Anwendung/ durch den Browser. xhtml Der Unterschied zwischen Inhalten im XML-Format.

Mozilla 1.1 / Opera 7
Wendet kein CSS an, führt kein JavaScript aus

Netscape 7.0x / Mozilla 1.0.xWendet kein CSS an, führt jedoch JavaScript ausInternet Explorer 5.5 zeigt dieses Dokument nicht an (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 auf XHTML-Seiten auftritt, besteht darin, dass JavaScript dies tut zwei aufeinanderfolgende Bindestriche (--):




Verwenden Sie CDATA anstelle von Kommentar


wird den Inhalt in das Skript einfügen Das Einfügen eines Tags in einen CDATA-Block kann das Problem zweier aufeinanderfolgender horizontaler Balken in Kommentaren gut bewältigen, führt jedoch dazu, dass einige Browser niedrigerer Versionen dies nicht unterstützen, da sie XML nicht verstehen. Glücklicherweise können wir Kompatibilität erreichen, indem wir den CDATA-Block mit Kommentarzeichen in JavaScript kommentieren.



Empfohlene XHTML- und HTML-kompatible Verarbeitungsmethode Schreiben Sie Stil und Skript nicht direkt in die XHTML-Seite, a Eine gute Alternative besteht darin, externe Dateien zum Schreiben von CSS und JavaScript zu verwenden und diese dann in XHTML zu importieren. Diese empfohlene Lösung sieht auf jeden Fall sehr gut aus, sie wird den Prozess der Konvertierung der Seite von Text/HTML in Anwendung/XHTML zumindest in den nächsten Jahren problemlos durchführen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage