工作学习日(第一周)[3day]---H5的MathML

来源:互联网 发布:2017新开放域名后缀 编辑:程序博客网 时间:2024/05/19 01:14

前两天周六加班,周天当了一天躺尸,工作之后,果然,日常加班。。。。我还是个孩子。。。

1.什么是MathML?

HTML5 可以在文档中使用 MathML 元素,对应的标签是 <math>...</math> 。

MathML 是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。

2.部分MathML 元素如下:

<mstyle>.........</mstyle>   用于设置其包裹的最终表达式的样式。

如:<mstyle  displaystyle="true"  color="#ff0000"   fontsize="14px"    fontfamily="arial">......</mstyle>

<mrow>......</mrow>   用于包裹一个或多个表达式(可省略)。

<msup>......</msup>  用于包裹上标的表达式(如:指数函数)。

<msub>......</msub>  用于包裹下表的表达式。

<mi>.........</mi>      用于包裹字符。

<mn>.........</mn>      用于包裹数字。

<mo>...........</mo>          用于包裹各种运算符号(+,-,<mo></mo>,<mfrac></mfrac>,<,>,(,)等)

<msqrt>..........</msqrt>   用于开根号。

<mfenced open="[" close="]">.........</mfenced>   用于包裹矩阵即先定义外围的括号。

<mtable>..........</mtable>    类似table。

<mtr>..........</mtr>      代表矩阵的行。

<mtd>.........</mtd>      代表每行的每一个值。

3.实例

(1)

  1. <math xmlns="http://www.w3.org/1998/Math/MathML">  
  2.       <mrow>  
  3.         <msup><mi>a</mi><mn>2</mn></msup>  
  4.         <mo>+</mo>  
  5.         <msup><mi>b</mi><mn>2</mn></msup>  
  6.         <mo>=</mo>  
  7.         <msup><mi>c</mi><mn>2</mn></msup>  
  8.       </mrow>  
  9.     </math>  
网页显示结果:a2(a的平方)+b2(b的平方)=c2(c的平方);

(2)

  1. <math xmlns="http://www.w3.org/1998/Math/MathML">  
  2.        <mrow>  
  3.           <mrow>  
  4.              <msup>  
  5.                 <mi>x</mi>  
  6.                 <mn>2</mn>  
  7.              </msup>  
  8.              <mo>+</mo>  
  9.              <mrow>  
  10.                 <mn>4</mn>  
  11.                 <mo></mo>  
  12.                 <mi>x</mi>  
  13.              </mrow>  
  14.              <mo>+</mo>  
  15.              <mn>4</mn>  
  16.           </mrow>  
  17.              <mo>=</mo>  
  18.              <mn>0</mn>  
  19.         </mrow>  
  20.    </math>  
网页显示结果:x2(x的平方)+4x+4=0;

(3)

  1. <math xmlns="http://www.w3.org/1998/Math/MathML">  
  2.        <mrow>  
  3.           <mi>A</mi>  
  4.           <mo>=</mo>  
  5.           <mfenced open="[" close="]">  
  6.              <mtable>  
  7.                 <mtr>  
  8.                    <mtd><mi>x</mi></mtd>  
  9.                    <mtd><mi>y</mi></mtd>  
  10.                 </mtr>  
  11.                 <mtr>  
  12.                    <mtd><mi>z</mi></mtd>  
  13.                    <mtd><mi>w</mi></mtd>  
  14.                 </mtr>  
  15.              </mtable>  
  16.          </mfenced>  
  17.       </mrow>  
  18.    </math>  
网页显示结果如下:

2016219113648268.jpg (86×68)

原创粉丝点击