Comment utiliser correctement JavaScript et CSS dans les documents XHTML_HTML/Xhtml_Webpage Production

Dans de plus en plus de sites Web, l'utilisation du XHTML remplace le HTML4 à une vitesse très rapide. Cependant, certains navigateurs grand public ne prennent actuellement pas très bien en charge le XHTML et certains producteurs de pages Web ne sont pas sûrs des différences entre XHTML et HTML4. Ces différences ralentissent la progression du XHTML dans le développement WEB.


XHTML est XML et non HTML

Actuellement, l'un des principaux malentendus à propos de XHTML est qu'il s'agit d'une autre version de HTML. Ce malentendu est dû au fait que Microsoft Internet Explorer ne prend en charge XHTML qu'au format MIME text/html plutôt qu'au format application/xhtml xml recommandé.

Lorsqu'une page XHTML est analysée au format MIME de text/html, elle n'est pas différente d'une page HTML, et lorsqu'elle est analysée au format MIME de text/xml ou application/xhtml xml, elle sera conforme aux règles strictes d’écriture et d’affichage XML.

Le format XHTML correct est un programme XML et doit suivre les règles strictes suivantes lors de l'écriture :

Caractères ) .

2. Le contenu de la balise de commentaire () ne peut pas contenir deux tirets consécutifs (--)

3. à l'intérieur des balises () sera ignoré


Problèmes de style et de contenu de script

Contenu dans les balises de style et de script Il y aura quelques différences lorsque XHTML est analysé au format XML (plutôt qu'au format HTML).

JavaScript contient des caractères qui ne peuvent pas exister en XHTML

Certains caractères spéciaux en Javascript sont des caractères qui ne peuvent pas exister en dehors de la balise CDATA de XHTML.



REMARQUE : L'exemple de code ci-dessus n'est pas du XHTML bien formé car il utilise la balise " qui n'est pas autorisée en XHTML ou XML "

Utiliser les commentaires dans le style et le contenu du script


Les auteurs qui connaissent le HTML savent généralement que placer le contenu des balises de style et de script dans les balises de commentaire les masquera dans les navigateurs, mais certains navigateurs ne les comprennent pas.
)



style et javascript contiennent deux tirets consécutifs (--)


Un autre problème qui se pose lors de l'utilisation de balises de commentaire en JavaScript sur des pages XHTML est que JavaScript dans le cas de deux tirets consécutifs (--) :




Utiliser CDATA au lieu de commenter

mettra le contenu dans le script La balise dans un bloc CDATA peut très bien gérer le problème de deux barres horizontales consécutives dans les commentaires, mais cela empêchera certains navigateurs de versions inférieures de la prendre en charge car ils ne peuvent pas comprendre XML. Heureusement, nous pouvons obtenir la compatibilité en commentant le bloc CDATA à l'aide de caractères de commentaire en JavaScript.



Méthode de traitement recommandée xhtml et compatible html N'écrivez pas de style et de script directement dans la page XHTML, un Une bonne alternative consiste à utiliser des fichiers externes pour écrire du CSS et du JavaScript, puis à les importer en XHTML. Cette solution recommandée semble très bonne. Quoi qu'il en soit, elle facilitera le processus de conversion de la page text/html en application/xhtml xml, au moins dans les prochaines années.