工作学习日(第一周)[3day]---H5的MathML
2017-11-27 09:58
225 查看
前两天周六加班,周天当了一天躺尸,工作之后,果然,日常加班。。。。我还是个孩子。。。
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)
<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>
网页显示结果:a2(a的平方)+b2(b的平方)=c2(c的平方);
(2)
<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>
网页显示结果:x2(x的平方)+4x+4=0;
(3)
<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>
网页显示结果如下:
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)
<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>
网页显示结果:a2(a的平方)+b2(b的平方)=c2(c的平方);
(2)
<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>
网页显示结果:x2(x的平方)+4x+4=0;
(3)
<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>
网页显示结果如下:
相关文章推荐
- 工作学习日(第一周)[1day]-----H5语义化标签
- 20135337朱荟潼 Linux第一周学习总结——计算机是如何工作的
- Linux内核分析第一周学习博客 --- 通过反汇编方式学习计算机工作过程
- Linux内核分析第一周学习总结:计算机是如何工作的?
- Linux内核分析第一周学习总结:计算机是如何工作的?
- 工作学习日(第一周)[2day]---很牛的canvas
- 《Linux内核分析》第一周学习小结 计算机是如何工作的?
- LINUX内核分析第一周学习总结:计算机是如何工作的?
- Linux第一周学习总结——计算机是如何工作的
- LINUX内核分析第一周学习总结——计算机是如何工作的
- HTML 学习H5的网站 (stage1-16)
- 工作学习笔记——一些关于链接的有趣小问题
- 2016 IT 运维工作计划及学习
- 刘强东母校演讲:每天工作16个小时,不断学习才能进步
- 工作中常用插件学习网站
- 学习之第一周小结 malloc、calloc、realloc、free、new、delete函数应用
- 自我约束:提高工作/学习效率的有效措施
- 学习的最大动力是想要更加减少重复性工作
- Linux汇编代码学习,反汇编简单的c及分析汇编代码工作过程
- h5学习之调用手机底层硬件----加速度传感器和震动