HTML5 - MathML

Sintaks HTML5 memungkinkan elemen MathML digunakan di dalam dokumen menggunakan tag <math> ... </math>.

Sebagian besar browser web dapat menampilkan tag MathML. Jika browser Anda tidak mendukung MathML, saya sarankan Anda untuk menggunakan versi terbaru Firefox.

Contoh MathML

Berikut ini adalah dokumen HTML5 yang valid dengan MathML -

<!doctype html>

<html>
   <head>
      <meta charset = "UTF-8">
      <title>Pythagorean theorem</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>

Ini akan menghasilkan hasil sebagai berikut -

Menggunakan Karakter MathML

Pertimbangkan, berikut adalah markup yang menggunakan karakter & InvisibleTimes; -

<!doctype html>

<html>
   <head>
      <meta charset = "UTF-8">
      <title>MathML Examples</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>

Ini akan menghasilkan hasil sebagai berikut. Jika Anda tidak dapat melihat hasil yang benar seperti x 2 + 4x + 4 = 0, gunakan Firefox 3.5 atau versi yang lebih tinggi.

Ini akan menghasilkan hasil sebagai berikut -

Contoh Presentasi Matriks

Pertimbangkan contoh berikut yang akan digunakan untuk merepresentasikan matriks 2x2 sederhana -

<!doctype html>

<html>
   <head>
      <meta charset = "UTF-8">
      <title>MathML Examples</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>

Ini akan menghasilkan hasil sebagai berikut -

Ini akan menghasilkan hasil sebagai berikut. Jika Anda tidak dapat melihat hasil yang benar, gunakan Firefox 3.5 atau versi yang lebih tinggi.