HTML MATH 標籤 - 在網頁上呈現數學式

一直以來要在網頁上表現數學式,只能透過圖片來展示,而現在,經由瀏覽器逐漸支援 <math> 標籤,我們也可以直接在網頁上顯示各種數學式 ...

一直以來要在網頁上表現數學式,只能透過圖片來展示,而現在,經由瀏覽器逐漸支援 <math> 標籤,我們也可以直接在網頁上顯示各種數學式了,考慮以下這段標籤配置:

<math >
       <mrow>
          <mi>A</mi>
          <mo>=</mo>
          <mfenced open="[" close="]">
             <mtable>
                <mtr>
                   <mtd><mi>1</mi></mtd>
                   <mtd><mi>0</mi></mtd>
                    <mtd><mi>x</mi></mtd>                
                </mtr>
                <mtr>
                   <mtd><mi>0</mi></mtd>
                   <mtd><mi>1</mi></mtd>
                   <mtd><mi>y</mi></mtd>
                </mtr>
                <mtr>
                   <mtd><mi>0</mi></mtd>
                   <mtd><mi>0</mi></mtd>
                   <mtd><mi>1</mi></mtd>
                </mtr>
             </mtable>
         </mfenced>
      </mrow>
   </math>
 
透過 FireFox 或是 Opera 瀏覽器閱讀此篇文章,可以看到以下輸出的結果:
 
 
A = 1 0 x 0 1 y 0 0 1

 

當然,相較於 latex 之類的專用排版技術,實在是太麻煩了,不過由於它是網頁直接描繪的,因此在網路的時代,這種技術的發展有其價值,就看後續各瀏覽器的支援情況了。