Webページ教材開発テキスト｜開発教材｜情報・産業教育ウェブ

Webページ教材開発テキスト

5-8　数式の表示

　Webページで累乗は表示できますが、分数、ルート、積分など数学独自の表記をさせることはとても難しいことです。図形と数字を組み合わせれば何とか表現できますが、汎用性がありません。世の中には親切な人もいるようで、数学表記に困っている人のためにJavaScriptライブラリを作ってくれる人がいます。数学の表記用に「MathJax」があります。
「MathJax」　　http://docs.mathjax.org/en/latest/
　使い方は、日本語で使い方を説明している「MathJaxの使い方」を参照願います。
「MathJaxの使い方」　　http://genkuroki.web.fc2.com/
　MathJaxは３万のファイルがあるので、ダウンロードして展開すると時間がかかるのでネット上のサイトを参照するようにします。

(1)　分数とルートの表示　　　サンプルはこちら

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ["\$","\$"]] } }); </script> <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"> </script> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <script src="js/jquery.min.js"></script> <script src="js/jquery-ui.min.js"></script> <script src="js/jquery.ui.touch-punch.js"></script> <title>Webページ教材</title> <style> </style> </head> <body> 分数 $1\over2$ <br> ルート $x=1\pm2\sqrt{3}$ <script> </script> </body> </html>

▲このページのトップに戻る