好得很程序员自学网

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

HTML5 MathML 数学公式

html5 可以在文档中使用 <math> 添加 MathML 数学公式


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

注意

大部分浏览器都 支持 MathML 标签
如果你的浏览器 不支持 该 标签 ,可以使用最新版的 Firefox 或 Safari 浏览器查看

下面的范例演示了 一个 最基本的 MathML

<!DOCTYPE?html>
< Meta ?charset="UTF-8">
<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>

在浏览器中 显示 如下


范例 2

下面的范例演示了一些运算符

<!DOCTYPE?html>
< Meta ?charset="UTF-8">
<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>

在浏览器中 显示 如下:


范例 3

下面的范例演示了 一个 2×2 矩阵,可以在 Firefox 3.5+ 或 Safari 查看到 效果

<!DOCTYPE?html>
< Meta ?charset="UTF-8">
<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>

在浏览器中 显示 如下:

HTML5 新的 Input 类型 ? ?HTML5 Geolocation 地理定位

查看更多关于HTML5 MathML 数学公式的详细内容...

  阅读:49次

上一篇

下一篇

第1节:HTML5 教程    第2节:HTML5 浏览器支持    第3节:HTML5 新元素    第4节:HTML5 Video 视频    第5节:HTML 5 Video + DOM    第6节:HTML5 内联 SVG    第7节:HTML5 新的 Input 类型    第8节:HTML5 MathML 数学公式    第9节:HTML5 Geolocation 地理定位    第10节:HTML5 Canvas画布    第11节:HTML5 拖放 ( drag 和 drop )    第12节:HTML5 Audio 音频    第13节:HTML5 Web Workers    第14节:HTML5 表单元素    第15节:HTML5 表单属性    第16节:HTML5 语义元素    第17节:HTML5 Web 存储    第18节:HTML5 Web SQL 数据库    第19节:HTML5 应用程序缓存    第20节:HTML 5 服务器发送事件    第21节:HTML5 WebSocket    第22节:HTML5 历史记录API    第23节:HTML 5 代码规范    第24节:HTML5 Canvas 描边和填充    第25节:HTML5 Canvas 绘制矩形    第26节:HTML5 Canvas 清除画布    第27节:HTML5 Canvas 渐变    第28节:HTML5 Canvas 合成    第29节:HTML5 Canvas 绘制图像    第30节:HTML5 Canvas 绘制文本    第31节:HTML5 Canvas 阴影    第32节:HTML5 Canvas 路径    第33节:HTML5 Canvas 转换    第34节:HTML5 Canvas 状态    第35节:HTML5 Canvas toDataURL()    第36节:HTML5 Canvas 像素处理    第37节:HTML5 Canvas 制作动画