43 votes

Quelle est la meilleure façon d'écrire des équations mathématiques sur le Web?

Je suis en train de travailler sur une des Mathématiques page web et suis à la recherche d'une solution à l'écriture des équations Mathématiques facilement sur une page web. Il existe plusieurs solutions facilement disponibles pour moi en ce moment:

  • L'utilisation de LaTeX et de les publier sur ma page web sous forme d'images.
  • Utiliser MathML

Ces deux solutions ne sont pas idéales et semble un peu daté. Le remplacement de ce qui devrait être le texte avec une image n'est jamais une bonne idée et MathML n'est pas compatible avec tous les navigateurs/systèmes d'exploitation.

Je suis en espérant qu'il y est une solution moderne à l'aide d'images ou MathML, peut-être quelque chose en utilisant sIFR pour afficher des équations mathématiques? Après un peu de recherche je suis encore à trouver de véritables solutions.

Veuillez noter que je demande pour une nouvelle façon de publier des équations. Je ne veux pas les images à la sortie qui est affiché sur la page web et serait plutôt ces équations rendu comme textuelle de données. MathML est le plus proche que je suis venu, mais il n'est pas encore idéal. Je me suis demandé pendant un moment si un outil de remplacement comme sIFR pourraient être utilisés pour créer des équations en Flash. Quelqu'un a des suggestions sur ce front?

EDIT: Il a été un moment depuis que j'ai la dernière mise à jour de ce post, mais avec HTML5 devient adopté par les navigateurs, il y a un nouveau joueur dans le jeu qui introduit LaTeX et MathML dans le tas, MathJax!. MathJax sont certainement le chemin à parcourir!

Question similaire: équations Mathématiques sur le web

17voto

Fanfan Points 758

Le jsMath package est une option qui utilise le LaTeX de balisage et natif de polices de caractères. Citant à partir de leur page web http://www.math.union.edu/~dpvc/jsMath/:

Le jsMath paquet fournit une méthode de y compris les mathématiques dans les pages HTML qui fonctionne sur plusieurs navigateurs sous Windows, Macintosh OS X, Linux et d'autres saveurs de unix. Il résout un certain nombre des lacunes de la méthode traditionnelle de l'aide des images pour représenter les mathématiques: jsMath utilisant les polices de caractères, de sorte qu'ils redimensionner lorsque vous modifiez la taille de la texte dans votre navigateur, ils impriment à la pleine résolution de votre imprimante, et vous n'avez pas à attendre pour des dizaines des images à télécharger pour voir les mathématiques dans une page web. Il y a aussi des avantages pour le web-page les auteurs, il n'est pas nécessaire pour prétraiter les pages de votre site web pour générer des toutes les images, et les mathématiques entré en TeX forme, de sorte qu'il est facile de créer et gérer vos pages web.

Voir par exemple cette page, ou que l'on.

9voto

Dave Barton Points 888

Je viens d'écrire un module javascript appelé jqmath. Voir http://mathscribe.com/author/jqmath.html

C'est un peu similaire à MathJax, mais plus simple, plus petit et plus rapide.

4voto

John D. Cook Points 19036

4voto

erfan Points 178

J'ai utilisé des tableaux sans bordure avec des cellules fusionnées sur mon site Web pour afficher des équations mathématiques. Cela fonctionne très bien pour la plupart des équations. Cependant, étant donné que le balisage est généralement un peu complexe, cela prendrait beaucoup de temps dans le cas de sites Web de base en mathématiques.

Voici le code:

 <style type="text/css">
  table.math{font:17px georgia, times, serif;border-collapse:collapse;border:none;}
  td.a{text-align:center;}
  td.b{padding:0 2px;}
  td.c{border-top:1px solid #505050;border-left:1px solid #505050;border-bottom:1px solid #505050;}
  td.d{border-top:1px solid #505050;border-right:1px solid #505050;border-bottom:1px solid #505050;}
  td.e{text-align:center;border-top:1px solid #505050;}
</style>
<table class="math">
  <tr>
    <td class="a">1</td>
    <td class="b" rowspan="2">&times;</td>
    <td class="c" rowspan="2">&nbsp;</td>
    <td class="a">8</td>
    <td class="b" rowspan="2">+</td>
    <td class="a">1</td>
    <td class="d" rowspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td class="e">x + 2</td>
    <td class="e">x + 2</td>
    <td class="e">x &minus; 1</td>
  </tr>
</table>
 

Voici la sortie du code ci-dessus:

entrez la description de l'image ici

3voto

Adrian Points 3408

LaTeX est d'utiliser largement déjà sur le net et des universités afin de rendre les équations.

Un grand exemple de ceci est la wikipedia, jetez un oeil à cette page pour le 1er exemple.

http://en.wikipedia.org/wiki/Latitude

Je sais que c'est un generlisation mais: à l'Aide d'images est un moyen viable de réaliser beaucoup de choses sur le web dans un navigateur compatible - à condition de disposition certaines lacunes. ( eg. Google Maps, des Coins Arrondis, des graphiques, typographie avancée )

Aussi "daté" pourrait être interprété comme "essayé, testé et fonctionnalité complète"

et merci pour souligner sIFR - quelque chose que je vais regarder plus tard, j'ai déjà une liste de choses à explorer, tels que l'impression? ( html + images peuvent le faire assez bien, peut-sIFR?....)

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X