HTML5 수학ML


HTML5는 문서에서 MathML 요소를 사용할 수 있으며 해당 태그는 <math>...</math>

MathML은 인터넷에서 수학 기호와 공식을 작성하는 데 사용되는 마크업 언어인 XML(Standard Universal Markup Language의 하위 집합)을 기반으로 하는 표준인 수학 마크업 언어입니다.

참고: 대부분의 브라우저는 MathML 태그를 지원합니다. 브라우저가 이 태그를 지원하지 않는 경우 최신 버전의 Firefox 또는 Safari 브라우저를 사용하여 볼 수 있습니다.

MathML 예

다음은 간단한 MathML 예입니다. 

实例

결과 실행

예

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>php中文网(php.cn)</title>
   </head>
	
   <body>
	
      <math xmlns="http://www.w3.org/1998/Math/MathML">
		
         <mrow>
            <msup><mi>a</mi><mn>2</mn></msup>
            <mo>+</mo>
				
            <msup><mi>b</mi><mn>2</mn></msup>
            <mo>=</mo>
				
            <msup><mi>c</mi><mn>2</mn></msup>
         </mrow>
			
      </math>
		
   </body>
</html>

인스턴스 실행»

"인스턴스 실행" 버튼을 클릭하면 온라인 인스턴스를 볼 수 있습니다.

결과 그림은 다음과 같습니다. :

다음 예에서는 몇 가지 연산자를 추가합니다. 

实例

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>php中文网(php.cn)</title>
   </head>
	
   <body>
	
      <math xmlns="http://www.w3.org/1998/Math/MathML">
		
         <mrow>			
            <mrow>
				
               <msup>
                  <mi>x</mi>
                  <mn>2</mn>
               </msup>
					
               <mo>+</mo>
					
               <mrow>
                  <mn>4</mn>
                  <mo>⁢</mo>
                  <mi>x</mi>
               </mrow>
					
               <mo>+</mo>
               <mn>4</mn>
					
            </mrow>
				
            <mo>=</mo>
            <mn>0</mn>
				 
         </mrow>
      </math>
		
   </body>
</html>

실행 결과 그래프는 다음과 같습니다.

다음 예는 2×2 행렬이며 효과는 Firefox 3.5 이상에서 볼 수 있습니다. 

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>php中文网(php.cn)</title>
   </head>
	
   <body>
      <math xmlns="http://www.w3.org/1998/Math/MathML">
		
         <mrow>
            <mi>A</mi>
            <mo>=</mo>
			
            <mfenced open="[" close="]">
			
               <mtable>
                  <mtr>
                     <mtd><mi>x</mi></mtd>
                     <mtd><mi>y</mi></mtd>
                  </mtr>
					
                  <mtr>
                     <mtd><mi>z</mi></mtd>
                     <mtd><mi>w</mi></mtd>
                  </mtr>
               </mtable>
               
            </mfenced>
         </mrow>
      </math>
      
   </body>
</html>