TUTOS.EU

Les formules mathématiques en HTML avec mathjax

mathjax est une bibliothèque Javascript que l'on peut déclarer et qui permet d'exposer des formules mathématiques sur une page HTML.

Le site officiel est https://www.mathjax.org

Cette page permet d'avoir un exemple interactif : https://jsbin.com/?html,output

 

La déclaration de mathjax se fait en 2 lignes. On trouve une déclaration complète sur https://jsbin.com/?html,output

<head>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
</head>
Lien vers le fichier : cliquez ici Copier le code

Il y a plusieurs types d'accolades qui permettent de mettre du code mathjax dans une page web.

Une que j'apprécie permet de mettre une formule mathématique en plein milieu d'un texte. La balise commence par \(

et qui se termine par \)

 

Donc cela donne

mathjax permet d'utiliser la syntaxe de Latex. Cette page semble donner une bonne introduction :

http://deuns.chez.com/latex/maths.html

 

La difficulté est d'avoir la liste des symboles avec un visuel.

On a bien une liste ici, liste qui correspond a des symboles latex sans le visuel :

http://docs.mathjax.org/en/v1.1-latest/tex.html#supported-latex-commands

 

Par contre, ce site permet de dessiner le symbole recherché pour trouver une correspondance :

http://detexify.kirelabs.org/classify.html

 


J'ai trouvé cette page en consultant ce site :

http://www.onemathematicalcat.org/MathJaxDocumentation/TeXSyntax.htm

 

Wikipédia référentie des symboles de base :

https://en.wikipedia.org/wiki/Wikipedia:LaTeX_symbols

 

Cette page indique comme barrer des textes et chiffres :

https://jansoehlke.com/2010/06/strikethrough-in-latex/

 

Sinon je n'ai peut être pas asser chercher du côté du site de latex où on trouve par exemple cette doc qui n'est pas des plus pratique :

https://www.latex-project.org/help/documentation/amsldoc.pdf

Pense bête

Code Utilité
a^2 a à la puissance 2
a^{-2} a à la puissance -2
a<sup>2</sup> a à la puissance 2
\frac{1}{a} Fraction de 1 sur a
1 \over a Fraction de 1 sur a
2 \times 5 2 multiplié par 5
2 \div 5 2 divisé par 5
\sqrt{5} racine de 5
\neq Différent de
\gt Supérieur
\le Inférieur ou égale
\% Pourcentage
\text{Mon texte} Ecrire du texte
\color{red}\text{Mon texte} Ecrire du texte en rouge
\space Un espace
\bullet Mettre une puce
\cancel{2} 2 barré, cad qu'on barre le chiffre 2
\begin{array} \text{Ligne 1}\\ \text{Ligne 2} \end{array} Tableau de 2 lignes
\left\{ 22 \right\} Mettre 22 entre 2 accolades
\left. 22 \right\} Mettre une accolade uniquement à droite
\left. \begin{array} \text{Ligne 1}\\ \text{Ligne 2} \end{array} \right\} Mettre une accolade à droite de l'ensemble de la ligne 1 et 2

2