好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

在HTML5中使用MathML数学公式的简单讲解

HT ML 5 的 HTML 语法允许我们在文档内使用 < ;m ath> .. .</math> 标签应用 MathML 元素。

下面是一个使用 MathML 的有效 HTML5 文档:

XM L/HTML Code 复制内容到剪贴板

@H_ 777 _13@ html &nbs p;   <!docty PE  html >       < html >       < head >       < meta   charset = "UTF-8" >       < t IT le > Pythagorean theorem </ title >       </ head >       < body >         < math   xmlns = "http://HdhCmsTestw3. 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 >     

这会生成如下结果:


复制代码

代码如下:

a2 + b2 = c2


便于学习这一概念 - 请使用 FireFox 3.7 或更高版本进行在线练习。

使用 MathML 字符
想象一下,下面是一个使用字符 & am p;InvisibleTimes; 的标记:

XML/HTML Code 复制内容到剪贴板

html    <!doctype html >       < html >       < head >       < meta   charset = "UTF-8" >       < title > MathML Examples </ title >       </ head >       < body >         < math   xmlns = "http://HdhCmsTestw3.org/1998/Math/MathML" >            < mrow >               < mrow >                  < msup >                     < mi > x </ mi >                     < mn > 2 </ mn >                  </ msup >                  < mo > + </ mo >                  < mrow >                     < mn > 4 </ mn >                     < mo > & # 8290; </ mo >                     < mi > x </ mi >                  </ mrow >                  < mo > + </ mo >                  < mn > 4 </ mn >               </ mrow >                  < mo > = </ mo >                  < mn > 0 </ mn >             </ mrow >        </ math >    </ body >    </ html >    

这会生成如下结果


复制代码

代码如下:

x 2 + 4 x + 4 = 0


便于学习这一概念 - 请使用 FireFox 3.7 或更高版本进行在线练习。

矩阵表达示例
想象一下下面的例子,它会被用来表示一个 简单 的 2x2 矩阵:

XML/HTML Code 复制内容到剪贴板

html    <!doctype html >       < html >       < head >       < meta   charset = "UTF-8" >       < title > MathML Examples </ title >       </ head >       < body >         < math   xmlns = "http://HdhCmsTestw3.org/1998/Math/MathML" >            < mrow >               < mi > A </ mi >               < mo > = </ mo >               < mfenced   open = "["   close = "]" >                  < mta ble >                     < 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 >    

这会生成如下结果
@H_443_1 360 @

总结

以上是 为你收集整理的 在HTML5中使用MathML数学公式的简单讲解 全部内容,希望文章能够帮你解决 在HTML5中使用MathML数学公式的简单讲解 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于在HTML5中使用MathML数学公式的简单讲解的详细内容...

  阅读:21次