HTMLで数式や化学式の記述設定を整理してみました(その2)。
HTMLで LaTeX形式の数式 を表示する場合は、
一般的には MathJax(またはKaTeX)というJavaScriptライブラリを使います。
一般的には MathJax(またはKaTeX)というJavaScriptライブラリを使います。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>MathJaxによる数式表示2</title>
<!-- MathJax CDN -->
<script
src=
"https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
</script>
<style>
body {
font-family: "Noto Sans JP", sans-serif;
background: #f9f9f9;
color: #333;
padding: 30px;
}
</style>
</head>
<body>
<h2>MathJaxによる数式表示2</h2>
<h3>三角関数1:\(y=\sin(a)+\cos(b)\)</h3>
<h3>三角関数2:\(x=\tan(c)+\sin(d)\)</h3>
<h3>三角関数3:\(sin^{-2} \beta + \cos^3 \theta = 3\)</h3>
<h3>三角関数4:\(\cos x = \frac{1}{\cos x}\)</h3>
<h3>三角関数5:\(sec(60^\circ) = \frac{1}{2}\)</h3>
<h3>逆三角関数1:\(y=\arcsin(a)+\arccos(b)\)</h3>
<h3>逆三角関数2:\(x=\arctan(c)+\arcsin(d)\)</h3>
<h3>逆三角関数3:
\(arctan^3 \gamma + \arcsin^{-1} \theta = 5\)</h3>
<h3>角度1:\(30^\circ\)</h3>
<h3>ギリシャ文字:\(\alpha, \beta, \gamma\)</h3>
</body>
</html>
実行結果です。引き続きもう少し複雑な式も後日整理してみます。


