这篇文章主要介绍了在HTML5中使用MathML数学公式的简单讲解,math标签的妙用往往可以收货意想不到的效果,需要的朋友可以参考下
HTML5 的 HTML 语法允许我们在文档内使用 <math>...</math> 标签应用 MathML 元素。
下面是一个使用 MathML 的有效 HTML5 文档：
XML/HTML Code
html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Pythagorean theorem</title>
</head>
<body>
<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>
</body>
</html>
这会生成如下结果：
复制代码代码如下:
a2 + b2 = c2
便于学习这一概念 - 请使用 FireFox 3.7 或更高版本进行在线练习。
使用 MathML 字符
想象一下，下面是一个使用字符 ⁢ 的标记：
XML/HTML Code
html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>MathML Examples</title>
</head>
<body>
<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>
</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://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>
</body>
</html>
这会生成如下结果
- 2025年徐州市事业单位招聘人员公告
- 2025年徐州市事业单位定向招聘退役大学生士兵公告
- 2025年新沂市招聘教师公告
- 2025年徐州市事业单位招聘人员补充说明
- 2025年江苏省沛县招聘编制教师公告
- 2025年人力资源社会保障部所属单位招聘公告
- 2025年玉溪市事业单位招聘笔试温馨提示
- 2025年德宏州社会福利院招聘劳务外包制工作人员简章
- 2025年丽江市事业单位招聘工作人员公共科目笔试温馨提示
- 2025年楚雄州事业单位招聘工作人员笔试温馨提示
- 2025年曲靖市事业单位招聘和遴选工作人员笔试温馨提示
- 2025年西双版纳州自然资源和规划局所属事业单位急需紧缺人才招聘公告
- 2025年无锡市市属事业单位招聘工作人员公告
- 2025年无锡市事业单位定向招聘退役大学生士兵公告
- 2025年无锡经济开发区事业单位招聘工作人员公告
- 2025年宜兴市事业单位招聘人员公告
- 2025年无锡市梁溪区事业单位招聘工作人员公告
- 2025年无锡市惠山区事业单位招聘工作人员公告
- 2025年无锡市滨湖区事业单位招聘工作人员公告
- 2025年无锡市锡山区事业单位招聘工作人员公告
- 2025年无锡高新区（新吴区）事业单位招聘工作人员公告
- 2025年无锡市事业单位选调海内外优秀青年人才公告
- 2025年无锡高新区（新吴区）教育系统招聘事业编制成熟型教师公告
- 2025年无锡市梁溪区教育局招聘高层次人才公告
- 2025年南京市部分事业单位专项招聘退役大学生士兵公告
- golden anniversary
- golden-anniversary
- golden apple
- golden-boot
- golden boy
- golden-boy
- golden boy/girl
- golden-boy-girl
- golden calf
- golden chain
- 蛤士蟆
- 蛤蚧
- 蛤蜊
- 蛤蟆
- 蛤蟆烟
- 蛤蟆菌
- 蛤蟆镜
- 蛩
- 蛬
- 蛭
- 营销工作总结
- 教师工作总结
- 幼儿教师工作总结个人
- 水电站个人工作总结
- 教师每日工作总结
- 供电所营销工作总结
- 教学干事工作总结
- 电力营销个人工作总结
- 幼儿园大班工作总结
- 新进体育教师工作总结