Quelles sont les meilleures pratiques pour utiliser HTML avec des langages basés sur XML tels que SVG?

StackOverflow https://stackoverflow.com/questions/87010

Question

En naviguant sur ce site et ailleurs, j'ai appris que le fait de servir des sites Web au format XHTML à l'heure actuelle est considéré comme nocif .

Fournir du XHTML et le servir comme application/xhtml+xml n’est pas supporté par la majorité des internautes, mais le xhtml comme text/html est au mieux un placebo pour moi-même, et au pire une recette pour casser des sites habituellement moins besoin que cela se produise.

Nous nous retrouvons donc à html 4.01. Si je sers plutôt mes pages au format HTML 4.01, est-il possible d'utiliser SVG ou tout autre langage XML de la page?

Si oui, comment?

Était-ce utile?

La solution

En HTML, vous ne pourrez pas insérer directement de fichiers SVG.

Vous pouvez intégrer des fichiers SVG avec <object> / <embed> et dans des navigateurs de pointe (Opera, Safari) ainsi que <img> et CSS background-image.

Vous pouvez mettre SVG dans data: l'URI pour éviter d'utiliser des fichiers externes.

Des expressions mathématiques simples peuvent être écrites à l'aide d'Unicode et de HTML / CSS de base (Opera 9.5 prend en charge une grande partie de MathML via CSS ). Pour les choses plus complexes, vous aurez besoin d’utiliser des images, comme le fait Wikipedia.

HTML interprète mal les préfixes d'espace de nom, vous ne pourrez donc pas (correctement) utiliser d'autres balises XML avec HTML DOM. HTML5 a data-* attributs pour les ajouts de balisage spécifiques à l'application. Pour les métadonnées, considérez Microformats.

Toutefois, si vous souhaitez intégrer le code XML uniquement aux non-navigateurs (robots), vous pouvez utiliser un sous-ensemble XHTML compatible HTML et la négociation de contenu HTTP pour envoyer le code XML correct avec le type approprié aux clients qui le comprennent ( si vous testez minutieusement la page en modes XML et HTML, elle ne sera alors pas nuisible).

Autres conseils

Vous pouvez (lire, je n'ai pas essayé moi-même) d'utiliser un objet incorporé et le taper en conséquence.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top