🟩 もくじ
このページに書かれている内容に誤りがあっても私は責任を取りません｜自己責任でご利用ください
このページはPC用のFirefoxでのみ、正式に表示できる｜Chrome・EdgeなどChromium系のブラウザではキャッシュクリアの拡張機能を使って、何度もキャッシュクリアしないと表示できない。
- このページをChrome・EdgeなどChromium系のブラウザで閲覧するには、キャッシュクリア拡張機能〔下記〕を使って、何度も読み込み直しをしなければならない。
- Clear CacheをChrome・Edgeなどにインストールして、Clear Cacheを何度もクリックするうちに、このページが閲覧できるようになる。 それがChrome・EdgeなどChromium系のブラウザのある種のバグである。
- Kinzaという昔のChromiumでは、Firefoxと同様に、このページ〔MathJaxを使って数式・化学式をウェブサイトに表示〕を正常にレンダリングできる。
- つまり最近のChrome・Chromiumが、MathJaxを使って数式・化学式をウェブサイトに表示する仕組みに影響のある改変を行なったらしい。
- JavaScriptを工夫しても改善できないので、このページを表示するブラウザをFirefoxにしていただく以外にない。
- 数式・化学式にマウスカーソルを合わせて右クリックすると、LaTeXなどのコード表示ができる。
数式表示テスト
$\sqrt{2}$
$\dfrac{123}{2^\text{b}}$
酸化剤｜半反応式
過マンガン酸カリウム(硫酸酸性下)
$\ce{KMnO4}$
$\ce{MnO4^{-} + 8H^{+} + 5e^{-} ->}$
$\ce{Mn^{2+} + 4H2O}$
過マンガン酸カリウム(硫酸酸性下)
$\ce{KMnO4}$
過マンガン酸イオン
マンガン(II)イオン
酸化マンガン(IV)
$\ce{MnO2}$
$\ce{MnO2 + 4H^{+} + 2e^{-} ->}$
$\ce{Mn^{2+} + 2H2O}$
酸化マンガン(IV)
$\ce{MnO2}$
酸化マンガン(IV)＝二酸化マンガン
マンガン(II)イオン
ニクロム酸カリウム(硫酸酸性下)
$\ce{K2Cr2O7}$
$\ce{Cr2O7^{2-} +14H^{+} + 6e^{-} ->}$
$\ce{2Cr^{3+} + 7H2O}$
ニクロム酸カリウム(硫酸酸性下)
$\ce{K2Cr2O7}$
二クロム酸イオン
クロム(III)イオン
濃硝酸
$\ce{HNO3}$
$\ce{HNO3 + H^{+} + e^{-} ->}$
$\ce{NO2 + H2O}$
濃硝酸
$\ce{HNO3}$
硝酸
二酸化窒素
希硝酸
$\ce{HNO3}$
$\ce{HNO3 + 3H^{+} + 3e^{-} ->}$
$\ce{NO + 2H2O}$
希硝酸
$\ce{HNO3}$
硝酸
一酸化窒素
熱濃硫酸
$\ce{H2SO4}$
$\ce{H2SO4 + 2H^{+} + 2e^{-} ->}$
$\ce{SO2 + 2H2O}$
熱濃硫酸
$\ce{H2SO4}$
硫酸
二酸化硫黄
フッ素
$\ce{F2}$
$\ce{F2 + 2e^{-} ->}$
$\ce{2F^{-}}$
フッ素
$\ce{F2}$
フッ素
フッ化物イオン
塩素
$\ce{Cl2}$
$\ce{Cl2 + 2e^{-} ->}$
$\ce{2Cl^{-}}$
塩素
$\ce{Cl2}$
塩素
塩化物イオン
臭素
$\ce{Br2}$
$\ce{Br2 + 2e^{-} ->}$
$\ce{2Br^{-}}$
臭素
$\ce{Br2}$
臭素
臭化物イオン
ヨウ素
$\ce{I2}$
$\ce{I2 + 2e^{-} ->}$
$\ce{2I^{-}}$
ヨウ素
$\ce{I2}$
ヨウ素
ヨウ化物イオン
酸素
$\ce{O2}$
$\ce{O2 + 4H^{+} + 4e^{-} ->}$
$\ce{2H2O}$
酸素
$\ce{O2}$
酸素
空欄
オゾン
$\ce{O3}$
$\ce{O3 + 2H^{+} + 2e^{-} ->}$
$\ce{O2 +H2O}$
オゾン
$\ce{O3}$
オゾン
酸素
過酸化水素
$\ce{H2O2}$
$\ce{H2O2 + 2H^{+} + 2e^{-} ->}$
$\ce{2H2O}$
過酸化水素
$\ce{H2O2}$
過酸化水素
空欄
二酸化硫黄
$\ce{SO2}$
$\ce{SO2 + 4H^{+} + 4e^{-} ->}$
$\ce{S + 2H2O}$
二酸化硫黄
$\ce{SO2}$
二酸化硫黄
硫黄
還元剤｜半反応式
シュウ酸
$\ce{H2C2O4}$
$\ce{H2C2O4 ->}$
$\ce{2CO2 + 2H^{+} + 2e^{-}}$
シュウ酸
$\ce{H2C2O4}$
シュウ酸
二酸化炭素
硫化水素
$\ce{H2S}$
$\ce{H2S ->}$
$\ce{S + 2H^{+} + 2e^{-}}$
硫化水素
$\ce{H2S}$
硫化水素
硫黄
ナトリウム
$\ce{Na}$
$\ce{Na ->}$
$\ce{Na+ + e^{-}}$
ナトリウム
$\ce{Na}$
ナトリウム
ナトリウムイオン
硫酸鉄(II)
$\ce{FeSO4}$
$\ce{Fe^2+ ->}$
$\ce{Fe^{3+} + e^{-}}$
硫酸鉄(II)
$\ce{FeSO4}$
鉄(II)イオン
鉄(III)イオン
塩化スズ(II)
$\ce{SnCl2}$
$\ce{Sn^2+ ->}$
$\ce{Sn^4+ + 2e^{-}}$
塩化スズ(II)
$\ce{SnCl2}$
スズ(II)イオン
スズ(IV)イオン
ヨウ化カリウム
$\ce{KI}$
$\ce{2I^{-} ->}$
$\ce{I2 + 2e^{-}}$
ヨウ化カリウム
$\ce{KI}$
ヨウ化物イオン
ヨウ素
二酸化硫黄
$\ce{SO2}$
$\ce{SO2 + 2H2O ->}$
$\ce{SO4^{2-} + 4H^{+} + 2e^{-}}$
二酸化硫黄
$\ce{SO2}$
二酸化硫黄
硫酸イオン
過酸化水素
$\ce{H2O2}$
$\ce{H2O2 ->}$
$\ce{O2 + 2H^{+} + 2e^{-}}$
過酸化水素
$\ce{H2O2}$
過酸化水素
酸素
</head>の前に以下を書くことによって、数式・化学式がHTML内で表示できる
- ＄内容＄のように囲んで数式を記述する
- ＄￥ｃｅ｛内容｝＄のように囲んで化学式を記述する
- ＄＄内容＄＄のように囲んで数式を記述すると中央揃え
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.css">
<script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/contrib/auto-render.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/contrib/mhchem.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
renderMathInElement(document.body, {
delimiters: [
{left: "$$", right: "$$", display: true},
{left: "$", right: "$", display: false},
{left: "\\(", right: "\\)", display: false},
{left: "\\[", right: "\\]", display: true}
],
throwOnError : false
});
});
</script>