Insérer des formules mathématiques

dans une page HTML

Dans HTML, on dispose de certains symboles mathématiques tels que A = π r2, x1, x2, √a, Δ = b2 - 4 a c, dont voici le code:

	<i>A</i> = π <i>r</i><sup>2</sup>,
	<i>x</i><sub>1</sub>, <i>x</i><sub>2</sub>,
	√<span style="text-decoration:overline"><i>a</i></span>,
	Δ = <i>b</i><sup>2</sup> - 4 <i>a</i> <i>c</i>

mais, en général, cela ne suffit pas pour écrire un texte mathématique.

avec MathJax

MathJax est un JavaScript qui affiche les formules mathématiques dans n'importe quel navigateur web. Il est mis à disposition par la American Mathematical Society. Les formules sont codées dans le langage LaTeX.

Étape 1

Chercher sur internet "mathjax" puis, la section "Loading MathJax".

Choisir la configuration souhaitée, par exemple:

	<script id="MathJax-script" async
	src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js">
	</script>

puis insérer le lien <script ... /script> dans la partie <head> ... </head> de votre page HTML.

Étape 2

Dans la partie <body> ... </body> de votre page HTML, écrivez les formules mathématiques dans le langage LaTeX.

On peut introduire des formules

  • soit au fil du texte entre les délimiteurs \( ... \)
  • soit hors texte entre les délimiteurs \[ ... \]

Pour écrire les formules, chercher sur internet la documentation sur le langage LaTeX.

Observez le code HTML de cet exemple de page HTML contenant des formules mathématiques MathJax.

dans un PDF

avec TeX

La solution la plus professionnelle de produire des PDF consiste à utiliser le logiciel de composition technique TeX (mathématiques, physique, bio-informatique, astronomie et informatique). Il s'agit d'un logiciel libre, téléchargeable gratuitement, par exemple TexWorks ou TeX Live.

Comme il nécessite un certain temps d'apprentissage, il est s'adresse particulièrement aux personnes qui éditent régulièrement des textes contenant des formules mathématiques.

Suivant le contexte, LaTex désigne

  • un complément logiciel de TeX;
  • une liste de commandes et de balises disponibles avec ce complément.

À titre d'information, voici un exemple de source LaTeX

Ne vous effrayez pas du code: pratiquement, on part d’un modèle existant que l’on adapte à ses besoins. On trouve facilement la documentation nécessaire sur internet.

Voici un PDF obtenu avec LaTeX.

Pour insérer des images, il convient de les convertir au format EPS. À titre d'exemple, voici comment

avec Print to PDF

Dans le cas où l'on a préalablement écrit un document HTML contenant le texte mathématique souhaité, on peut l'imprimer en PDF:

  • Dans le navigateur, afficher la page HTML puis sélectionner "Imprimer"
  • sélectionner une imprimante du type "Print to PDF"
  • (si possible: régler la définition à au moins 400 points par pouce)
  • enregistrer le PDF.

Pour l'exemple MathJax mentionné plus haut, voici le PDF obtenu avec Chrome.

avec un éditeur de textes ordinaire

Les éditeurs de textes tels que Word, LibreOffice, ..., comportent généralement un éditeur de formules. L'apprentissage est relativement facile, et le résultat peut suffire pour un usage non professionnel.

Par exemple, dans LibreOffice, on peut insérer une nouvelle formule en passant par le menu:

Insertion > Objet > Formule

À titre d'exemple, voici la page source au format Word.

On peut voir ou modifier le code d'une formule en double-cliquant sur la formule. Pour quitter l'éditeur de formules, il suffit de cliquer dans la page du texte.

En exportant le texte au format PDF, on obtient le résultat suivant: PDF obtenu avec Word.
Contact  |  Accueil   >   PHP et HTML