KhanAcademy latex 标记

Question

主要问题：KhanAcademy 如何在 HTML 页面内格式化乳胶？

意思是：我怎样才能在常规 HTML 页面中编写类似 \LaTex 的代码（例如，在下面的 HTML 注释标签中）并且正确地浏览器显示。另外，我如何使用tex-html 环境中的\blueE和宏来扩展如下所示的 latex 宏。\redE

检查 HTML 源代码可汗学院：二维卷曲我注意到它使用了如下语法：

<math>
<semantics>
<annotation encoding="application/x-tex">
\begin{aligned}
  \text{div}\, \blueE{\textbf{F}}\goldE{(x, y)} = 
  \lim_{\left|\redE{A}_{\goldE{(x, y)}}\right| \to 0}
  \underbrace{
      \dfrac{1}{\left|\redE{A}_{\goldE{(x, y)}}\right|}
      \overbrace{
          \oint_{\redE{C}} \blueE{\textbf{F}} \cdot \greenE{\hat{\textbf{n}}}\;\redE{ds}
      }^{\text{2d-flux through $\redE{C}$}}
  }_{\text{Flux per unit area}}
\end{aligned}
</annotation>
</semantics>
</math>

我知道这不是一个纯粹的 \LaTeX 问题，也不是一个纯粹的 HTML5 或 CSS3 问题，我们处于多学科的灰色地带，我对 \LaTeX 社区更高水平的知识寄予厚望。

附加问题：那是\redE从哪里来的？我很想在教育论文中为我的数学加点色彩。