使用降价输入化学式

Typing chemical formula using markdown

我正在 Mou.
使用 Markdown 写一些 material 而且化学式需要经常使用。
例如,我会输入

 H<sub>2</sub>SO<sub>4</sub>        

那么,硫酸可以表示为H2SO4 .
但是我不知道如何在 html.
中表示阴离子类型的公式 如图所示:

我试着输入

 SO<sub>4><sup>2-</sup></sub>   

显示为:SO42-

即使没有 CSS 也可以工作,我只是用它来让它看起来更好,here 是 fiddle

HTML

<div>
  <h2>
  SO<sub>4</sub><sup>2-</sup>
  </h2>
</div>

CSS

sub {
  font-size:13px;
}

sup {
  font-size:13px;
  margin-left:-5px;
}

您可以使用<sup>充值:

H<sub>2</sub>SO<sub>4</sub> + 2NaOH &rarr; 2H<sub>2</sub>O + Na<sup>+</sup> + SO<sub>4</sub><sup>2-</sup>

给出:

H2SO4 + 2NaOH → 2H2O + Na+ + SO42-

查看示例:https://jsfiddle.net/cp4n31qx/1/