Avantages de HTML

1. Les formules en HTML se comportent plus comme du texte régulier.
2. Le fond de la formule et la taille de la fonte s'ajustent au reste du contenu HTML (ceci peut se résoudre dans les formules TeX en utilisant les commandes \pagecolor et \definecolor) et à l'aspect quant aux feuilles de style CSS et la configuration du navigateur alors que le type de caractère change convenablement pour aider à identifier la formule.
3. Les formules composées avec le code HTML seront accessibles aux liens des scripts côté client (les scriptlets).
4. L'affichage d'une formule introduite en usant des modèles mathématiques peut être transformée facilement en modifiant les modèles concernés; cette modification affectera toutes les formules remarquables sans besoin d'intervention manuelle.
5. Le code HTML, introduit soigneusement, contiendra toute l'information sémantique pour re-transformer l'équation en TeX ou n'importe quel autre code utile. Il peut même contenir des différences que TeX ne détecte pas habituellement comme {{math|''i''}} pour le nombre imaginaure i et {{math|<var>i</var>}} pour une variable indice quelconque.
6. Les formules qui utilisent du code HTML se représenteront de la forme la plus raffinée possible quelque soit le dispositif utilisé pour faire leur rendu.

Avantages de TeX

1. TeX est sémantiquement plus précis que HTML.
   1. Dans TeX, "<math>x</math>" signifie "variable mathématique ", tandis qu'en HTML "x" est générique et assez ambigu.
   2. D'un autre côté, si vous écrivez la même formule "{{math|<var>x</var>}}", vous obtenez visuellement le même résultat x et aucune information n'est perdue. Cela nécessite de la diligence et davantage à écrire que ce qui pourrait rendre la formule plus difficile à comprendre lorsque vous l'écrivez.
2. Une conséquence du point 1 est que le code TeX peut être transformé code en HTML, mais pas l'inverse (à moins que votre wikicode suit le style du point 1.2). Cela signifie que du côté du serveur, nous pouvons toujours transformer une formule, en fonction de sa complexité et de son emplacement dans le texte, les préférences utilisateur, le type de navigateur, etc. C'est pourquoi, là où c'est possible, on garde tout les bénéfices de HTML en même temps que ceux de TeX.
3. Une autre conséquence du point 1 est que TeX peut être converti en MathML (par exemple par MathJax) pour les navigateurs qui le prennent en charge, ce qui permet de garder sa sémantique et de permettre un rendu de meilleure qualité pour le matériel graphique du lecteur ’s graphic device.
4. TeX est le langage textuel de formatage préféré de la plupart des mathématiciens professionnels, des scientifiques, et des ingénieurs qui écrivent en anglais. Il est plus facile de les persuader de contribuer s'ils peuvent écrire en TeX.
5. TeX a été spécialement conçu pour mettre en forme les formules, donc la saisie est plus facile et plus naturelle quand vous y êtes habitué, et la sortie plus agréable quand vous vous concentrez sur une seule formule plutôt que sur une page entière.
6. Si une formule est bien régidée en TeX son rendu sera fiable mais le succès des formules HTML est quelques peu dépend des navigateurs et de leurs versions. Un autre aspect de cette dépendance ce sont les polices : la police serif utilisée pour rendre le rendu des formules est dépendante du navigateur et elle peut ne pas avoir certains glyphes importants. Alors que le navigateur est généralement capable de substituter un glyphe correspondant d'une famille de fonte différentes, ce ne doit pas être le cas pour les glyphes combinés (comparer ‘ a̅ ’ et ‘ a̅ ’).
7. Lorsque vous écrivez en TeX vous n'avez pas à vous inquiéter de savoir si les entités HTML sont supportées et dans quelle version du navigateur. Cette décision est prise en charge par le logiciel. Au contraire, cela n'est pas vrai pour les formules HTML qui peuvent facilement de terminer avec un rendu erronné ou différemment des intentions de l'éditeur sur un navigateur différent.
8. les formules TeX par défaut ont un rendu plus grand et sont habituellement plus lisibles que les formules HTML et ne dépendent pas des ressources du navigateur côté client telles que les fontes, elles ont donc des résultats davantage WYSIWYG.
9. Alors que TeX ne vous aide pas à trouver les codes HTML ou les valeurs Unicode (que vous pouvez voir en affichant le source HTML source dans votre navigateur), en coupant / collant à partir d'un PNG TeX dans Wikipedia vers un simple texte, il vous renverra le source LaTeX.

Dans certain cas le meilleur choix est d'utiliser directement les symboles ASCII du clavier standard à la place de TeX ou des notation d'HTML (voir l'exemple ci-dessous).

Accents/diacritiques

\acute{a} \grave{a} \hat{a} \tilde{a} \breve{a}
\check{a} \bar{a} \ddot{a} \dot{a}

Fonctions standards

\sin a \cos b \tan c
\sec d \csc e \cot f
\arcsin h \arccos i \arctan j
\sinh k \cosh l \tanh m \coth n
\operatorname{sh}o\,\operatorname{ch}p\,\operatorname{th}q
\operatorname{arsinh}r\,\operatorname{arcosh}s\,\operatorname{artanh}t
\lim u \limsup v \liminf w \min x \max y
\inf z \sup a \exp b \ln c \lg d \log e \log_{10} f \ker g
\deg h \gcd i \Pr j \det k \hom l \arg m \dim n

Arithmétique modulaire

s_k \equiv 0 \pmod{m}
a\,\bmod\,b

Dérivation

\nabla \, \partial x \, dx \, \dot x \, \ddot y\, dy/dx\, \frac{dy}{dx}\, \frac{\partial^2 y}{\partial x_1\,\partial x_2}

Ensembles

\forall \exists \empty \emptyset \varnothing
\in \ni \not\in \notin \not\ni \subset \subseteq \supset \supseteq
\cap \bigcap \cup \bigcup \biguplus \setminus \smallsetminus
\sqsubset \sqsubseteq \sqsupset \sqsupseteq \sqcap \sqcup \bigsqcup

Opérateurs

+ \oplus \bigoplus \pm \mp -
\times \otimes \bigotimes \cdot \circ \bullet \bigodot
\star * / \div \frac{1}{2}

Logique

\land (or \and) \wedge \bigwedge \bar{q} \to p
\lor \vee \bigvee \lnot \neg q \And

Racine carrée

\sqrt{2} \sqrt[n]{x}

Relations

\sim \approx \simeq \cong \dot= \overset{\underset{\mathrm{def}}{}}{=}
< \le \ll \gg \ge > \equiv \not\equiv \ne \mbox{or} \neq \propto
\lessapprox \lesssim \eqslantless \leqslant \leqq \geqq \geqslant \eqslantgtr \gtrsim \gtrapprox

Géométrie

\Diamond \Box \triangle \angle \perp \mid \nmid \| 45^\circ

Flèches

\leftarrow (or \gets) \rightarrow (or \to) \nleftarrow \nrightarrow \leftrightarrow \nleftrightarrow \longleftarrow \longrightarrow \longleftrightarrow
\Leftarrow \Rightarrow \nLeftarrow \nRightarrow \Leftrightarrow \nLeftrightarrow \Longleftarrow (or \impliedby) \Longrightarrow (or \implies) \Longleftrightarrow (or \iff)
\uparrow \downarrow \updownarrow \Uparrow \Downarrow \Updownarrow \nearrow \searrow \swarrow \nwarrow
\rightharpoonup \rightharpoondown \leftharpoonup \leftharpoondown \upharpoonleft \upharpoonright \downharpoonleft \downharpoonright \rightleftharpoons \leftrightharpoons
\curvearrowleft \circlearrowleft \Lsh \upuparrows \rightrightarrows \rightleftarrows \Rrightarrow \rightarrowtail \looparrowright
\curvearrowright \circlearrowright \Rsh \downdownarrows \leftleftarrows \leftrightarrows \Lleftarrow \leftarrowtail \looparrowleft
\mapsto \longmapsto \hookrightarrow \hookleftarrow \multimap \leftrightsquigarrow \rightsquigarrow

Spécial

\And \eth \S \P \% \dagger \ddagger \ldots \cdots \colon
\smile \frown \wr \triangleleft \triangleright \infty \bot \top
\vdash \vDash \Vdash \models \lVert \rVert \imath \hbar
\ell \mho \Finv \Re \Im \wp \complement
\diamondsuit \heartsuit \clubsuit \spadesuit \Game \flat \natural \sharp

Non triés (nouveaux symboles)

\vartriangle \triangledown \lozenge \circledS \measuredangle \nexists \Bbbk \backprime \blacktriangle \blacktriangledown
\square \blacksquare \blacklozenge \bigstar \sphericalangle \diagup \diagdown \dotplus \Cap \Cup \barwedge
\veebar \doublebarwedge \boxminus \boxtimes \boxdot \boxplus \divideontimes \ltimes \rtimes \leftthreetimes
\rightthreetimes \curlywedge \curlyvee \circleddash \circledast \circledcirc \centerdot \intercal \leqq \leqslant
\eqslantless \lessapprox \approxeq \lessdot \lll \lessgtr \lesseqgtr \lesseqqgtr \doteqdot \risingdotseq
\fallingdotseq \backsim \backsimeq \subseteqq \Subset \preccurlyeq \curlyeqprec \precsim \precapprox \vartriangleleft
\Vvdash \bumpeq \Bumpeq \eqsim \gtrdot
\ggg \gtrless \gtreqless \gtreqqless \eqcirc \circeq \triangleq \thicksim \thickapprox \supseteqq
\Supset \succcurlyeq \curlyeqsucc \succsim \succapprox \vartriangleright \shortmid \between \shortparallel \pitchfork
\varpropto \blacktriangleleft \therefore \backepsilon \blacktriangleright \because \nleqslant \nleqq \lneq \lneqq
\lvertneqq \lnsim \lnapprox \nprec \npreceq \precneqq \precnsim \precnapprox \nsim \nshortmid
\nvdash \nVdash \ntriangleleft \ntrianglelefteq \nsubseteq \nsubseteqq \varsubsetneq \subsetneqq \varsubsetneqq \ngtr
\subsetneq
\ngeqslant \ngeqq \gneq \gneqq \gvertneqq \gnsim \gnapprox \nsucc \nsucceq \succneqq
\succnsim \succnapprox \ncong \nshortparallel \nparallel \nvDash \nVDash \ntriangleright \ntrianglerighteq \nsupseteq
\nsupseteqq \varsupsetneq \supsetneqq \varsupsetneqq
\jmath \surd \ast \uplus \diamond \bigtriangleup \bigtriangledown \ominus
\oslash \odot \bigcirc \amalg \prec \succ \preceq \succeq
\dashv \asymp \doteq \parallel
\ulcorner \urcorner \llcorner \lrcorner
\Coppa\coppa\Digamma\Koppa\koppa\Sampi\sampi\Stigma\stigma\varstigma

Indices, exposants, intégrales

Fonctionnalité	Syntaxe	Rendu à l'affichage
Superscript	a^2
Indice	a_2
Regroupement	a^{2+2}
	a_{i,j}
Combinaison inférieur et supérieur sans et avec une séparation horizontale	x_2^3
	{x_2}^3
Super superindices	10^{10^{8}}
Sous et super-indice précédant et/ou additionnel	_nP_k
	\sideset{_1^2}{_3^4}\prod_a^b
	{}_1^2\!\Omega_3^4
Empilement	\overset{\alpha}{\omega}
	\underset{\alpha}{\omega}
	\overset{\alpha}{\underset{\gamma}{\omega}}
	\stackrel{\alpha}{\omega}
Dérivés	x', y'', f', f''
	x^\prime, y^{\prime\prime}
Points dérivés	\dot{x}, \ddot{x}
Soulignés, barres de négation, vecteurs	\hat a \ \bar b \ \vec c
	\overrightarrow{a b} \ \overleftarrow{c d} \ \widehat{d e f}
	\overline{g h i} \ \underline{j k l}
	\not 1 \ \cancel{123}
Flèches	A \xleftarrow{n+\mu-1} B \xrightarrow[T]{n\pm i-1} C
Clé sur le texte	\overbrace{ 1+2+\cdots+100 }^{\text{sum}\,=\,5050}
Clé sous le texte	\underbrace{ a+b+\cdots+z }_{26\text{ terms}}
Somme	\sum_{k=1}^N k^2
Somme (force \textstyle)	\textstyle \sum_{k=1}^N k^2
Produit	\prod_{i=1}^N x_i
Produit (force \textstyle)	\textstyle \prod_{i=1}^N x_i
Coproduit	\coprod_{i=1}^N x_i
Produit assimilé (force \textstyle)	\textstyle \coprod_{i=1}^N x_i
Limite	\lim_{n \to \infty}x_n
Limite (force \textstyle)	\textstyle \lim_{n \to \infty}x_n
Intégrale	\int\limits_{1}^{3}\frac{e^3/x}{x^2}\, dx
Intégrale (avec des limites dans un autre style)	\int_{1}^{3}\frac{e^3/x}{x^2}\, dx
Intégrale (force \textstyle)	\textstyle \int\limits_{-N}^{N} e^x\, dx
Intégrale (force \textstyle, alternate limits style)	\textstyle \int_{-N}^{N} e^x\, dx
Double intégrale	\iint\limits_D \, dx\,dy
Triple intégrale	\iiint\limits_E \, dx\,dy\,dz
Quadruple intégrale	\iiiint\limits_F \, dx\,dy\,dz\,dt
Ligne ou chemin entier	\int_C x^3\, dx + 4y^2\, dy
Ligne fermée ou intégrale sur une chemin	\oint_C x^3\, dx + 4y^2\, dy
Intersections	\bigcap_1^n p
Unions	\bigcup_1^k p

Fractions, matrices, multilignes

Fonction	Syntaxe	Rendu à l'affichage
Fractions	\frac{1}{2}=0.5
Fractions (affichage en petit)	\tfrac{1}{2} = 0.5
Fractions (affichage en grand)	\dfrac{k}{k-1} = 0.5
Fraction (affichage en grand et en petit)	\dfrac{ \tfrac{1}{2}[1-(\tfrac{1}{2})^n] }{ 1-\tfrac{1}{2} } = s_n
Fractions continues (notez la différence de notation)	\cfrac{2}{ c + \cfrac{2}{ d + \cfrac{1}{2} } } = a \qquad \dfrac{2}{ c + \dfrac{2}{ d + \dfrac{1}{2} } } = a
Coefficients binomiaux	\binom{n}{k}
Coefficients binomiaux (affichage en petit)	\tbinom{n}{k}
Coefficients binomiaux en grand (style d'affichage)	\dbinom{n}{k}
Matrices	\begin{matrix} x & y \\ z & v \end{matrix}
	\begin{vmatrix} x & y \\ z & v \end{vmatrix}
	\begin{Vmatrix} x & y \\ z & v \end{Vmatrix}
	\begin{bmatrix} 0 & \cdots & 0 \\ \vdots & \ddots & \vdots \\ 0 & \cdots & 0 \end{bmatrix}
	\begin{Bmatrix} x & y \\ z & v \end{Bmatrix}
	\begin{pmatrix} x & y \\ z & v \end{pmatrix}
	\bigl( \begin{smallmatrix} a&b\\ c&d \end{smallmatrix} \bigr)
Tableaux	\begin{array}{|c|c||c|} a & b & S \\ \hline 0&0&1\\ 0&1&1\\ 1&0&1\\ 1&1&0 \end{array}
Cas	f(n) = \begin{cases} n/2, & \mbox{if }n\mbox{ is even} \\ 3n+1, & \mbox{if }n\mbox{ is odd} \end{cases}
Système d'équations	\begin{cases} 3x + 5y + z &= 1 \\ 7x - 2y + 4z &= 2 \\ -6x + 3y + 2z &= 3 \end{cases}
Couper une longue expression pour qu'elle retourne à la ligne au besoin	<math>f(x) = \sum_{n=0}^\infty a_n x^n</math> <math>= a_0 + a_1x + a_2x^2 + \cdots</math>
Équation multi-lignes	\begin{align} f(x) & = (a+b)^2 \\ & = a^2+2ab+b^2 \end{align}
	\begin{alignat}{2} f(x) & = (a-b)^2 \\ & = a^2-2ab+b^2 \end{alignat}
Équations multi-lignes avec alignement spécifié (left, center, right)	\begin{array}{lcl} z & = & a \\ f(x,y,z) & = & x + y + z \end{array}
	\begin{array}{lcr} z & = & a \\ f(x,y,z) & = & x + y + z \end{array}

Mise en parenthèses des expressions longues, crochets, barres

Fonction	Syntaxe	Rendu à l'affichage
Mauvais	( \frac{1}{2} )
Bon	\left ( \frac{1}{2} \right )

Vous pouvez utiliser différents séparateurs avec \left et \right :

Fonction	Syntaxe	Rendu à l'affichage
Parenthèses	\left ( \frac{a}{b} \right )
Crochets	\left [ \frac{a}{b} \right ] \quad \left \lbrack \frac{a}{b} \right \rbrack
Accolades (Remarquez la barre inverse avant les accolades dans le code)	\left \{ \frac{a}{b} \right \} \quad \left \lbrace \frac{a}{b} \right \rbrace
Crochets	\left \langle \frac{a}{b} \right \rangle
Barres et doubles barres (note: les "barres" représentent la valeur absolue)	\left | \frac{a}{b} \right \vert \left \Vert \frac{c}{d} \right \|
Partie entière (inférieure et supérieure)	\left \lfloor \frac{a}{b} \right \rfloor \left \lceil \frac{c}{d} \right \rceil
Barres obliques (avant et arrière)	\left / \frac{a}{b} \right \backslash
Flèches vers le haut, le bas et dans les deux sens.	\left \uparrow \frac{a}{b} \right \downarrow \quad \left \Uparrow \frac{a}{b} \right \Downarrow \quad \left \updownarrow \frac{a}{b} \right \Updownarrow
Les délimiteurs peuvent être mélangés, à condition que \left et \right soient tous deux utilisés.	\left [ 0,1 \right ) \left \langle \psi \right |
Utilisez \left. ou \right. si vous voulez qu'un seul délimiteur :	\left . \frac{A}{B} \right \} \to X
Taille des délimiteurs	\big( \Big( \bigg( \Bigg( \dots \Bigg] \bigg] \Big] \big]
	\big\{ \Big\{ \bigg\{ \Bigg\{ \dots \Bigg\rangle \bigg\rangle \Big\rangle \big\rangle
	\big| \Big| \bigg| \Bigg| \dots \Bigg\| \bigg\| \Big\| \big\|
	\big\lfloor \Big\lfloor \bigg\lfloor \Bigg\lfloor \dots \Bigg\rceil \bigg\rceil \Big\rceil \big\rceil
	\big\uparrow \Big\uparrow \bigg\uparrow \Bigg\uparrow \dots \Bigg\Downarrow \bigg\Downarrow \Big\Downarrow \big\Downarrow
	\big\updownarrow \Big\updownarrow \bigg\updownarrow \Bigg\updownarrow \dots \Bigg\Updownarrow \bigg\Updownarrow \Big\Updownarrow \big\Updownarrow
	\big / \Big / \bigg / \Bigg / \dots \Bigg\backslash \bigg\backslash \Big\backslash \big\backslash

Espace

Notez que TeX gère les espaces automatiquement, mais vous pouvez parfois vouloir les gérer manuellement.

Fonction	Syntaxe	Aspect final
Double cuadradillo	a \qquad b
cuadradillo	a \quad b
Espace	a\ b
Espace sans conversion PNG	a \mbox{ } b
Espace large	a\;b
Espace moyenne	a\>b	[not supported]
Petite espace	a\,b
Sans espace	ab
Petite espace négative	a\!b

L'espace automatique peut s'interrompre en TeX lorsque les expressions sont très longues (parce qu'il génère un overfull hbox en TeX):

<math>0+1+2+3+4+5+6+7+8+9+10+11+12+13+14+15+16+17+18+19+20+\cdots</math>

Pour y remédier en ajouter une paire d'accolades { } autour de toute l'expression:

<math>{0+1+2+3+4+5+6+7+8+9+10+11+12+13+14+15+16+17+18+19+20+\cdots}</math>

Alignement avec du texte

Grâce à la CSS par défaut

img.tex { vertical-align: middle; }

une expression linéaire telle que devrait s'afficher correctement.

Pour l'aligner autrement, utilisez <math style="vertical-align:-100%;">...</math> et ajustez le paramètre vertical-align jusqu'à cela soit correct. Cependant, l'aspect final dépend du navigateur et de sa configuration.

Remarquez également que si vous compter sur ce contournement, si/quand l'affichage sur le serveur sera résolu dans une version future, en conséquence de cet ajustement manuel, votre formule se retrouvera alignée incorrectement. Donc à évitez ou à utilisez avec parcimonie.

Formule chimique utilisant <chem>

Formule	Rendu
<chem>C6H5-CHO</chem>
<chem>\mathit{A} ->[\ce{+H2O}] \mathit{B}</chem>
<math chem>A \ce{->[\ce{+H2O}]} B</math>
<chem>SO4^2- + Ba^2+ -> BaSO4 v</chem>
<chem>H2NCO2- + H2O <=> NH4+ + CO3^2-</chem>
<chem>H2O</chem>
<chem>Sb2O3</chem>
<chem>H+</chem>
<chem>CrO4^2-</chem>
<chem>AgCl2-</chem>
<chem>[AgCl2]-</chem>
<chem>Y^{99}+</chem>
<chem>Y^{99+}</chem>
<chem>H2_{(aq)}</chem>
<chem>NO3-</chem>
<chem>(NH4)2S</chem>

Mathématiques utilisant <math>