MathML 소개 - 수학을위한 마크 업 언어

MathML은 다음을 수행하는 데 사용할 수있는 마크 업 언어입니다. 수학 표기법 표시. MathML 태그는 HTML5에서 직접 사용할 수 있습니다. 웹 페이지에 수학의 간단한 표기법 이상을 표시하고자 할 때 유용합니다. HTML과의 단순성 및 유사성.

MathML에는 두 가지 유형의 마크 업이 있습니다. 프레젠테이션 (레이아웃 용) 및 내용 (의미 용). 프레젠테이션 마크 업은 브라우저에서만 지원되므로 HTML에서 사용할 수있는 유일한 마크 업 유형입니다. HTML과 마찬가지로 CSS와 JavaScript를 사용할 수도 있습니다..

MathML을 살펴 보겠습니다..

MathML 이해하기

Mozilla 개발자 웹 사이트에는 현재 MathML 요소 목록이 있습니다. 또한 빠른 참조를 위해이 게시물의 끝 부분에있는 예제에 사용 된 요소를 나열했습니다..

MathML의 최상위 요소는 $$ HTML에서 MathML 코드를 작성할 때 해당 요소를 $$ 태그들.

,,, 식별자, 연산자, 숫자 및 문자열을 나타내는 기본 요소입니다. 아래의 모든 MathML 요소는 문자 'm'로 시작합니다..

몇 가지 간단한 예가 있습니다..

위 첨자 및 아래 첨자를 표시하는 방법

그만큼 요소는 위 첨자를 표시하기위한 것입니다. 저기 첨자 용.

${엔}^7$ 

분수를 표시하는 방법

$\frac{7}{\mathrm{26\; 세}}$ 

루트 정수를 표시하는 방법

다음은 루트 정수를 표시하는 간단한 예제입니다..

$\sqrt[5]{\mathrm{<mo>-</mo>678}}$ 

오직 제곱근 만 들어 있습니다. .

이제 더 복잡한 표기법으로 넘어 가자..

매트릭스를 표시하는 방법

행렬을 구성하려면 행과 열에 대한 테이블 구조가 필요합니다. 이를 위해 우리는 , 과 .

그 외에는 연산자를 추가하는 태그 [ 과 ] 행렬 주위에 놓고, 마지막으로 모든 요소를 요소, 표현식을 그룹화하는 요소.

최종 결과는 다음과 같습니다.

$\left[\begin{array}{ccc}0& 4& 10\\ 5& 2& \mathrm{엑스}\\ 9& 11& 1\end{array}\right]$ 

또한 매트릭스에서 'X'를 돋보이게하기 위해 약간의 CSS를 던져 보겠습니다..

mi 색상 : 빨강;  

적분 방정식을 표시하는 방법

아래는 기본적인 방정식의 예입니다. 그만큼 적분에 한계를 추가하는 데 사용됩니다..

HTML과 마찬가지로 MathML에는 문자와 엔티티도 있으며이 중 하나는 예제에서 그리스어 파이 기호를 표시하는 데 사용됩니다. 위의 적분 방정식을 표시하는 방법은 다음과 같습니다.

$\mathrm{에프}\left(\mathrm{엑스}\right)=\int _{\mathrm{에이}}^{비}\mathrm{케이}(\mathrm{엑스},티)\phi \left(티\right)디티$ 

MathML 문자 엔티티 목록을 보려면 W3C 웹 사이트에서 여기를 클릭하십시오..

MathML 속성

HTML과 같은 속성을 제외하고 (예 : 신분증), MathML에는 고유 한 속성 집합이 있습니다. Mozilla Developer 사이트에는 참조 할 수있는 MathML 속성 모음이 있습니다. 폴백의 경우 JavaScript 라이브러리 MathJax를 사용할 수 있습니다. 더 많은 도구가 필요한 경우 여기에서이 링크를 확인하십시오..

위의 모든 예제가 들어있는이 코드 with으로 휴가를 가지므로 쉽게 참조 할 수 있습니다..

MathML 요소의 참조 목록