[HTML 수학 수식 표현] MathJax.js로 Web에서 수학 수식 표현하기
MathJax.js 소개
MathJax.js는 HTML 문서에서 수학 수식을 표현할 수 있게 해주는 오픈소스 스크립트입니다.
(홈페이지 : https://www.mathjax.org/)
간단한 스크립트 추가만으로 편리하게 수식을 입력할 수 있습니다.
MathJax.js 설정
- HTML 파일을 열고 <head> ... </head> 사이에 아래 스크립트를 추가
1 2 3 4 5 6 | <script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]} }); </script> <script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> | cs |
MathJax.js 문법
- 수식 입력은 LaTeX나 MathML로 할 수 있다.
( LaTex 입력 방법 참조 : https://en.wikibooks.org/wiki/LaTeX/Mathematics)
MathJax.js 사용 예시
-근의 공식 표현하기
입력 :
출력 :
$$ x = \frac{-b \pm \sqrt{b^2-4ac}}{2a} $$