Pros de HTML

El salto de línea automático funciona, lo que mejora la experiencia en teléfonos con pantallas estrechas.

1. El fondo y el tamaño de fuente de la fórmula coinciden con el resto del contenido HTML (esto se puede arreglar en las fórmulas de TeX usando los comandos \pagecolor y \definecolor) y la apariencia respeta las configuraciones CSS y del navegador mientras que el tipo de letra se modifica convenientemente para ayudarlo a identificar las fórmulas.
2. Las fórmulas compuestas con código HTML serán accesibles para los enlaces de scripts del lado del cliente (también conocidos como scriptlets).
3. La visualización de una fórmula ingresada usando plantillas matemáticas se puede alterar convenientemente modificando las plantillas involucradas; esta modificación afectará a todas las fórmulas relevantes sin ninguna intervención manual.

Si se introduce con cuidado, el código HTML contendrá toda la información semántica para transformar la ecuación a TeX o a cualquier otro código según sea necesario. Incluso puede contener diferencias que TeX normalmente no detecta, por ejemplo, {{math|''i''}} para la unidad imaginaria y {{math|<var>i</var>}} para una variable de índice arbitraria.

1. Las fórmulas que utilizan código HTML se mostrarán lo más nítidas posible sin importar el dispositivo que se utilice para mostrarlas.

Pros de TeX

1. TeX es semánticamente más preciso que HTML.
   1. En TeX, "<math>x</math>" significa "variable matemática ", mientras que en HTML "x" es genérico y algo ambiguo.

Por otro lado, si codificas la misma fórmula como "{{math|<var>x</var>}}", obtienes el mismo resultado visual x y no se pierde información. Esto requiere diligencia y más escritura, lo que podría dificultar la comprensión de la fórmula al escribirla.

1. Una consecuencia del punto 1 es que el código TeX se puede transformar en HTML, pero no viceversa (a menos que su wikitexto siga el estilo del punto 1.2). Esto significa que en el lado del servidor siempre podemos transformar una fórmula, en función de su complejidad y ubicación dentro del texto, preferencias del usuario, tipo de navegador, etc. Por lo tanto, siempre que sea posible, se pueden conservar todos los beneficios de HTML, junto con los beneficios de TeX.
2. Otra consecuencia del punto 1 es que TeX se puede convertir a MathML (por ejemplo, mediante MathJax) para los navegadores que lo admiten, manteniendo así su semántica y permitiendo que la representación se adapte mejor al dispositivo gráfico del lector.
3. TeX es el lenguaje de formato de texto preferido por la mayoría de los matemáticos, científicos e ingenieros profesionales que escriben en inglés. Es más fácil convencerlos de que contribuyan si pueden escribir en TeX.
4. TeX ha sido diseñado específicamente para la composición tipográfica de fórmulas, por lo que la entrada es más sencilla y natural si está acostumbrado a ello, y la salida es más agradable estéticamente si se centra en una sola fórmula en lugar de en toda la página que la contiene.
5. Una vez que una fórmula se realiza correctamente en TeX, se representará de manera confiable, mientras que el éxito de las fórmulas HTML depende en cierta medida de los navegadores o las versiones de los navegadores. Otro aspecto de esta dependencia son las fuentes: la fuente serifa utilizada para representar fórmulas depende del navegador y es posible que le falten algunos glifos importantes. Si bien el navegador generalmente puede sustituir un glifo coincidente de una familia de fuentes diferente, no necesariamente debe ser así para los glifos combinados (compare ‘ a̅ ’ y ‘ a̅ ’).
6. Al escribir en TeX, los editores no tienen que preocuparse de si esta o aquella versión de este o aquel navegador es compatible con esta o aquella entidad HTML. La responsabilidad de estas decisiones recae en el software. Esto no aplica a las fórmulas HTML, que pueden fácilmente renderizarse de forma incorrecta o diferente a la intención del editor en otro navegador.
7. Las fórmulas TeX, de manera predeterminada, se representan en mayor tamaño y suelen ser más legibles que las fórmulas HTML y no dependen de los recursos del navegador del lado del cliente, como las fuentes, por lo que los resultados son más confiables (WYSIWYG) "lo que ves es lo que obtienes".
8. Si bien TeX no lo ayuda a encontrar códigos HTML o valores Unicode (que puede obtener al ver el código fuente HTML en su navegador), cortar y pegar desde un PNG TeX en Wikipedia en texto simple devolverá el código fuente LaTeX.

En algunos casos puede que la mejor opción sea no usar ni TeX ni sustitutos HTML; sino, simplemente, el código ASCII de un teclado estandar (Véase un ejemplo debajo).

Acentos y caracteres diacríticos

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

Funciones estándar

\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

Aritmética modular

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

Derivadas

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

Conjuntos

\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

Operadores

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

Lógica

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

Raíces

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

Relaciones

\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

Geometría

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

Flechas

\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

Especiales

\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

Miscelánea (sin clasificar)

\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

Subíndices, superíndices e integrales

Función	Sintaxis	Qué aspecto tiene la representación
Superíndices	a^2
Subíndices	a_2
Agrupamiento	a^{2+2}
	a_{i,j}
Combinación de sub y super con y sin separación horizontal	x_2^3
	{x_2}^3
Supersuperíndices	10^{10^{8}}
Subíndices y superíndices precediendo y siguiendo	_nP_k
	\sideset{_1^2}{_3^4}\prod_a^b
	{}_1^2\!\Omega_3^4
Apilar	\overset{\alpha}{\omega}
	\underset{\alpha}{\omega}
	\overset{\alpha}{\underset{\gamma}{\omega}}
	\stackrel{\alpha}{\omega}
Derivadas	x', y'', f', f''
	x^\prime, y^{\prime\prime}
Derivadas con puntos (Notación de Newton)	\dot{x}, \ddot{x}
Subrayado, suprarrayado y vectores	\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}
Flechas	A \xleftarrow{n+\mu-1} B \xrightarrow[T]{n\pm i-1} C
Llaves sobre el texto	\overbrace{ 1+2+\cdots+100 }^{\text{sum}\,=\,5050}
Llaves bajo el texto	\underbrace{ a+b+\cdots+z }_{26\text{ terms}}
Suma	\sum_{k=1}^N k^2
Sum (force \textstyle)	\textstyle \sum_{k=1}^N k^2
Producto	\prod_{i=1}^N x_i
Producto (force \textstyle)	\textstyle \prod_{i=1}^N x_i
Coproducto	\coprod_{i=1}^N x_i
Coproducto (force \textstyle)	\textstyle \coprod_{i=1}^N x_i
Límite	\lim_{n \to \infty}x_n
Límite (force \textstyle)	\textstyle \lim_{n \to \infty}x_n
Integral	\int\limits_{1}^{3}\frac{e^3/x}{x^2}\, dx
Integral (con límites en otro estilo)	\int_{1}^{3}\frac{e^3/x}{x^2}\, dx
Integral (force \textstyle)	\textstyle \int\limits_{-N}^{N} e^x\, dx
Integral (force \textstyle, alternate limits style)	\textstyle \int_{-N}^{N} e^x\, dx
Integral doble	\iint\limits_D \, dx\,dy
Integral triple	\iiint\limits_E \, dx\,dy\,dz
Integral cuádruple	\iiiint\limits_F \, dx\,dy\,dz\,dt
Integral de línea	\int_C x^3\, dx + 4y^2\, dy
Integral de línea cerrada	\oint_C x^3\, dx + 4y^2\, dy
Intersecciones	\bigcap_1^n p
Uniones	\bigcup_1^k p

Fracciones, matrices y multilíneas

Función	Sintaxis	Qué aspecto tiene la representación
Fracciones	\frac{1}{2}=0.5
Fracciones pequeñas (estilo texto)	\tfrac{1}{2} = 0.5
Fracciones grandes (estilo display)	\dfrac{k}{k-1} = 0.5
Combinación de fracciones de tamaño grande y pequeño	\dfrac{ \tfrac{1}{2}[1-(\tfrac{1}{2})^n] }{ 1-\tfrac{1}{2} } = s_n
Fracciones continuadas (nótese la diferencia en el formateo)	\cfrac{2}{ c + \cfrac{2}{ d + \cfrac{1}{2} } } = a \qquad \dfrac{2}{ c + \dfrac{2}{ d + \dfrac{1}{2} } } = a
Coeficientes binomiales	\binom{n}{k}
Coeficientes binomiales pequeños (estilo texto)	\tbinom{n}{k}
Coeficientes binomiales grandes (estilo cuadro)	\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)
Arreglos	\begin{array}{|c|c||c|} a & b & S \\ \hline 0&0&1\\ 0&1&1\\ 1&0&1\\ 1&1&0 \end{array}
Mayúscula/Minúscula	f(n) = \begin{cases} n/2, & \mbox{if }n\mbox{ is even} \\ 3n+1, & \mbox{if }n\mbox{ is odd} \end{cases}
Sistemas de ecuaciones	\begin{cases} 3x + 5y + z &= 1 \\ 7x - 2y + 4z &= 2 \\ -6x + 3y + 2z &= 3 \end{cases}
Trocear una expresión para que salte de línea cuando sea preciso	<math>f(x) = \sum_{n=0}^\infty a_n x^n</math> <math>= a_0 + a_1x + a_2x^2 + \cdots</math>
Ecuaciones de varias líneas	\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}
Ecuaciones de varias líneas especificando la alineación (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}

Poner paréntesis a expresiones grandes. Corchetes y barras

Función	Sintaxis	Qué aspecto tiene el resultado
Incorrecto	( \frac{1}{2} )
Correcto	\left ( \frac{1}{2} \right )

Se pueden usar varios delimitadores con \left y \right:

Función	Sintaxis	Qué aspecto tiene el resultado
Paréntesis	\left ( \frac{a}{b} \right )
Corchetes	\left [ \frac{a}{b} \right ] \quad \left \lbrack \frac{a}{b} \right \rbrack
Llaves (nótese la barra invertida antes de las llaves en el código)	\left \{ \frac{a}{b} \right \} \quad \left \lbrace \frac{a}{b} \right \rbrace
Corchetes angulares (< y >)	\left \langle \frac{a}{b} \right \rangle
Barras y barras dobles (nota: las "barras" proporcionan la función de valor absoluto)	\left | \frac{a}{b} \right \vert \left \Vert \frac{c}{d} \right \|
La función piso y la función techo	\left \lfloor \frac{a}{b} \right \rfloor \left \lceil \frac{c}{d} \right \rceil
Barras diagonales y barras diagonales inversas	\left / \frac{a}{b} \right \backslash
Flechas arriba, abajo y arriba-abajo	\left \uparrow \frac{a}{b} \right \downarrow \quad \left \Uparrow \frac{a}{b} \right \Downarrow \quad \left \updownarrow \frac{a}{b} \right \Updownarrow
Los delimitadores se pueden mezclar, siempre que se utilicen \left y \right	\left [ 0,1 \right ) \left \langle \psi \right |
Utilice \left. o \right. si no quiere que aparezca un delimitador:	\left . \frac{A}{B} \right \} \to X
Tamaño de los delimitadores	\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

Espaciado

Nótese que TeX maneja la mayor parte del espaciado, pero en algunos casos se puede desear un control manual.

Función	Sintaxis	Aspecto final
doble cuadradillo	a \qquad b
cuadradillo	a \quad b
Espacio	a\ b
Espacio sin conversión PNG	a \mbox{ } b
Espacio grande	a\;b
Espacio medio	a\>b	[No soportado]
Espacio pequeño	a\,b
Sin espacio	ab
Espacio negativo pequeño	a\!b

El espaciado automático se puede interrumpir en TeX cuando las expresiones son muy largas (porque generan 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>

Esto se puede remediar añadiendo un par de llaves { } alrededor de toda la expresión:

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

Alineación en el flujo de texto normal

Debido al la hoja de estilo en cascada (CSS) por defecto

img.tex { vertical-align: middle; }

Una expresión en línea tal como debería mostrarse correctamente.

Si se necesita alinearlo de otra manera se puede usar <math style="vertical-align:-100%;">...</math> y jugar con el parámetro vertical-align hasta que quede correcto. Sin embargo, el aspecto final depende del navegador y de su configuración.

Nótese que al confiar en este apaño, si (y cuando) la representación desde el servidor se resuelva en futuras entregas, como resultado de este ajuste manual las fórmulas pueden, de repente, alinearse de manera incorrecta. Así pues úsese solo si es realmente necesario si es que se usa.

Química usando <chem>

Fórmula	Representado como
<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>

Maths usando <math>

Representado como	Fórmula
	<math>ax^2 + bx + c = 0\,</math>

Representado como	Fórmula
	<math>x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}</math>

Representado como	Fórmula
	<math>\sum_{m=1}^\infty\sum_{n=1}^\infty\frac{m^2\,n}{3^m\left(m\,3^n+n\,3^m\right)}</math>

Representado como	Fórmula
	<math>u'' + p(x)u' + q(x)u=f(x),\quad x>a</math>

Representado como	Fórmula
	<math>|\bar{z}| = |z|, |(\bar{z})^n| = |z|^n, \arg(z^n) = n \arg(z)</math>

Representado como	Fórmula
	<math>\lim_{z\rightarrow z_0} f(z)=f(z_0)</math>