Des math dans les pages web

Publié le par Oneiroi

Pour inclure des formules de math dans une page web, il existe deux approches très différentes :

  • Utiliser des images. Ces images sont en général produites par LaTeX, par exemple en utilisant LaTeX2HTML. C’est cette méthode qui est utilisée dans les articles (mathématiques) de l’encyclopédie Wikipédia, et sur certains forums mathématiques. Même sur ce blog, il existe un plugin pour inclure facilement des formules LaTeX sous forme d’images (ce plugin utilise mimeTeX et évite ainsi l’installation, impossible dans mon cas, de LaTeX sur le serveur, mais produit sans doute un résultat de qualité moindre). Un exemple :

    int_{mathbb R} e^{-x^2},{mathrm d} x=sqrtpi

    qui s’obtient par :

    <tex>
    int_{mathbb R} e^{-x^2},{mathrm d} x=sqrtpi
    </tex>

    C’est du LaTeX classique entre deux balises «tex».

  • Utiliser le langage MathML. C’est un langage, comme LaTeX, mais que les navigateurs internet comprennent (ou comprendrons bientôt). Il est un peu lourd à entrer à la main mais il peut sûrement être généré automatiquement à partir de code LaTeX…

Passons aux (dé)mérites de ces deux méthodes. C’est simple, la première collectionne les inconvénients :

  • Il est impossible de rechercher du texte dans des images.
  • Le mélange des images et du texte standard n’est pas forcément harmonieux (polices, alignement, etc.).
  • La fonction «taille du texte» du navigateur affecte le texte mais pas les images.

Quant à la seconde, son principal défaut est d’être actuellement mal reconnue par les navigateurs internet. Regardez ce que vaut le votre face au MathML Torture Test :-)

Je viens de découvrir ASCIIMathML, un script qui convertit en MathML tout ce qui, dans le code source d’une page web, ressemble à du LaTeX. Un test :

∫Re-x2dx=π

est obtenu par :

$int_{mathbf R} e^{-x^2}dx=sqrtpi$


Le résultat dépend de votre navigateur… voici une «photo» de ce que j’obtiens sous Firefox avec quelques polices supplémentaires :
image


 


                                                                         source: http://rubinaetpierre.free.fr/index.xml

Publié dans Informatique général

Pour être informé des derniers articles, inscrivez vous :
Commenter cet article