¿Cuáles son las mejores prácticas para usar HTML con lenguajes basados ​​en XML como SVG?

Question

Navegando en este sitio y en otros lugares, he aprendido que actualmente servir sitios web como XHTML se considera perjudicial.

Entregar XHTML y servirlo como application/xhtml+xml no es compatible con la mayoría de las personas que navegan actualmente, entregando xhtml como text/html es, en el mejor de los casos, un placebo para mí y, en el peor, una receta para romper sitios, generalmente cuando menos lo necesitas.

Entonces terminamos de regreso en html 4.01.Si, en cambio, sirvo mis páginas como html 4.01, ¿es posible utilizar SVG o cualquier otro lenguaje basado en XML en la página?

¿Si es así, cómo?

Answer 1

En HTML no podrás insertar SVG directamente.

Puede incrustar archivos SVG con <object>/<embed> y en navegadores de última generación (Opera, Safari) también <img> y CSS background-image.

Puedes poner SVG en data: URI para evitar el uso de archivos externos.

Se pueden escribir expresiones matemáticas simples con ayuda de Unicode y HTML/CSS básico (Opera 9.5 admite una gran parte de MathML a través de CSS).Para algo más complejo necesitarás usar imágenes, como lo hace Wikipedia.

HTML malinterpreta los prefijos de espacios de nombres, por lo que no podrá utilizar (correctamente) otro marcado XML con HTML DOM.HTML5 tiene data-* atributos para adiciones de marcado específicas de la aplicación.Para metadatos, considere los microformatos.

Sin embargo, si desea incrustar XML solo para personas que no son navegadores (robots), puede utilizar el subconjunto XHTML compatible con HTML y la negociación de contenido HTTP para enviar XML adecuado con el tipo adecuado a los clientes que lo comprendan (si Si prueba minuciosamente la página en modo XML y HTML, entonces no será perjudicial).

Answer 2

Puede (lea, no lo he probado yo mismo) utilizar un objeto incrustado y escribirlo en consecuencia.