在HTML5中使用MathML数学公式的简单讲解
HTML5 的 HTML 语法允许我们在文档内使用 标签应用 MathML 元素。
下面是一个使用 MathML 的有效 HTML5 文档:
XML/HTML Code复制内容到剪贴板- html
- >
- <html>
- <head>
- <meta charset="UTF-8">
- <title>Pythagorean theoremtitle>
- head>
- <body>
- <math xmlns="http://www.w3.org/1998/Math/MathML">
- <mrow>
- <msup><mi>ami><mn>2mn>msup>
- <mo>+mo>
- <msup><mi>bmi><mn>2mn>msup>
- <mo>=mo>
- <msup><mi>cmi><mn>2mn>msup>
- mrow>
- math>
- body>
- html>
这会生成如下结果:
复制代码代码如下:a2 + b2 = c2
便于学习这一概念 - 请使用 FireFox 3.7 或更高版本进行在线练习。
使用 MathML 字符
想象一下,下面是一个使用字符 ⁢ 的标记:
- html
- >
- <html>
- <head>
- <meta charset="UTF-8">
- <title>MathML Examplestitle>
- head>
- <body>
- <math xmlns="http://www.w3.org/1998/Math/MathML">
- <mrow>
- <mrow>
- <msup>
- <mi>xmi>
- <mn>2mn>
- msup>
- <mo>+mo>
- <mrow>
- <mn>4mn>
- <mo>mo>
- <mi>xmi>
- mrow>
- <mo>+mo>
- <mn>4mn>
- mrow>
- <mo>=mo>
- <mn>0mn>
- mrow>
- math>
- body>
- html>
这会生成如下结果
复制代码代码如下:x 2 + 4 x + 4 = 0
便于学习这一概念 - 请使用 FireFox 3.7 或更高版本进行在线练习。
矩阵表达示例
想象一下下面的例子,它会被用来表示一个简单的 2x2 矩阵:
- html
- >
- <html>
- <head>
- <meta charset="UTF-8">
- <title>MathML Examplestitle>
- head>
- <body>
- <math xmlns="http://www.w3.org/1998/Math/MathML">
- <mrow>
- <mi>Ami>
- <mo>=mo>
- <mfenced open="[" close="]">
- <mtable>
- <mtr>
- <mtd><mi>xmi>mtd>
- <mtd><mi>ymi>mtd>
- mtr>
- <mtr>
- <mtd><mi>zmi>mtd>
- <mtd><mi>wmi>mtd>
- mtr>
- mtable>
- mfenced>
- mrow>
- math>
- body>
- html>
这会生成如下结果
版权声明
本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:/web/html5/75515.html