Quais são as melhores práticas para o uso de HTML com linguagens baseadas em XML como SVG?

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

Pergunta

De navegar neste site e em outros lugares, eu aprendi que servir sites como XHTML no momento é considerado nocivo .

Entregando XHTML e servindo-o como application/xhtml+xml não é suportado pela maioria dos pessoas navegando no momento, entregando xhtml como text/html é na melhor das hipóteses um placebo para mim, e na pior, uma receita para quebrar sites geralmente quando você menos necessidade que isso aconteça .

Assim que acabar de volta no html 4.01. Se eu sim servir minhas páginas como HTML 4.01, é possível a utilização de SVG ou qualquer outra linguagem baseada em XML na página?

Se sim, como?

Foi útil?

Solução

Em HTML você não será capaz de inserir SVG diretamente.

Você pode inserir arquivos SVG com <object> / <embed> e em navegadores de ponta (Opera, Safari) também <img> e CSS background-image.

Você pode colocar SVG em data: URI evitar o uso de arquivos externos.

expressões matemáticas simples podem ser escritos com a ajuda de Unicode e HTML / CSS básico (Opera 9.5 suporta grande pedaço de MathML via CSS ). Para qualquer coisa mais complexa que você vai precisar usar as imagens, como a Wikipedia faz.

HTML interpreta mal namespace prefixos, assim você não será capaz de (bem) usar outra marcação XML com HTML DOM. HTML5 tem atributos data-* para adições de marcação específicos do aplicativo. Para metadados considerar Microformatos.

No entanto, se você quiser XML incorporar apenas para não-navegadores (robôs), então você poderia usar subconjunto XHTML compatível com HTML e HTTP negociação de conteúdo para enviar XML adequada com tipo adequado para clientes que entendem que ( se você testar exaustivamente página em XML e HTML modos, então não vai ser prejudicial).

Outras dicas

Você pode (leia Eu não tentei isso mesmo) para usar um objeto incorporado e digitá-lo em conformidade.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top