HTML에서 벡터와 행렬을 포함한 수식을 렌더링하려면 MathJax 라이브러리를 사용할 수 있습니다. MathJax는 LaTeX 스타일의 수식을 HTML에서 표시할 수 있도록 도와줍니다.
- MathJax 포함하기:
먼저, MathJax 스크립트를 HTML 파일에 포함해야 합니다. 아래 코드를 HTML<head>태그 안에 추가합니다:
<head>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
</head>
- 수식 작성하기:
이제 LaTeX 스타일로 수식을 작성할 수 있습니다.\mathbf명령어를 사용하여 벡터나 행렬을 굵게 표시할 수 있습니다. 수식을 표시하기 위해 두 가지 방식이 있습니다:
- 인라인 수식:
$ ... $사이에 수식을 작성합니다. - 디스플레이 수식:
$$ ... $$사이에 수식을 작성합니다. 예를 들어, 벡터와 행렬을 포함한 수식을 작성하려면 다음과 같이 할 수 있습니다:
<html>
<head>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
</head>
<body>
<p>인라인 벡터: \( \mathbf{v} = \begin{pmatrix} 1 \\ 2 \\ 3 \end{pmatrix} \)</p>
<p>디스플레이 행렬:
$$ \mathbf{A} = \begin{pmatrix}
a_{11} & a_{12} & a_{13} \\
a_{21} & a_{22} & a_{23} \\
a_{31} & a_{32} & a_{33}
\end{pmatrix} $$
</p>
</body>
</html>
이 코드를 사용하면 인라인 및 디스플레이 형식의 벡터와 행렬 수식을 HTML 문서에서 볼 수 있습니다. MathJax는 LaTeX 명령어를 사용하여 수식을 렌더링하므로, LaTeX에서 사용하는 대부분의 명령어를 사용할 수 있습니다.