在HTML5中使用MathML数学公式


本文摘自PHP中文网,作者不言,侵删。

这篇文章主要介绍了在HTML5中使用MathML数学公式的简单讲解,math标签的妙用往往可以收货意想不到的效果,需要的朋友可以参考下

HTML5 的 HTML 语法允许我们在文档内使用 <math>...</math> 标签应用 MathML 元素。

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

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

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>

这会生成如下结果:

复制代码

代码如下:

1

a2 + b2 = c2

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

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

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

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>

这会生成如下结果

复制代码

阅读剩余部分

相关阅读 >>

h5页面中尝试调起app实例代码

深入了解HTML5之sessionstorage对象

h5新增标签与属性使用方法归纳

HTML5应用-生日快乐动画的实现

用h5做出微信的支付过程的实现步骤

HTML5实现调用摄像头并拍照功能

HTML5中在元素滚动条在滚动时触发的事件onscroll

h5history 模式的实例教程

HTML5实现移动端自适应的几种方法介绍

如何使用HTML5的page visibility api来实现获取焦点js事件

更多相关阅读请进入《HTML5》频道 >>




JavaScript 从入门到项目实践
书籍

JavaScript 从入门到项目实践

清华大学出版社

本书采取“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深,由深到精”的学习模式进行讲解。全书共35章,不仅介绍了HTML、CSS、对象、函数、事件等JavaScript语言的基础知识,而且深入介绍了jQuery、客户端、服务器端、数据存储等核心技术。



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...