您现在的位置是：网站首页> 编程资料编程资料

在HTML5中使用MathML数学公式的简单讲解基于HTML5的数学函数图形绘制插件XCalc源码用HTML5中的Canvas结合公式绘制粒子运动的教程

2021-08-31 969人已围观

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

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

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

XML/HTML Code复制内容到剪贴板
  1. html   
  2. >  
  3.   <html>  
  4.   <head>  
  5.   <meta charset="UTF-8">  
  6.   <title>Pythagorean theoremtitle>  
  7.   head>  
  8.   <body>  
  9.     <math xmlns="http://www.w3.org/1998/Math/MathML">  
  10.       <mrow>  
  11.         <msup><mi>ami><mn>2mn>msup>  
  12.         <mo>+mo>  
  13.         <msup><mi>bmi><mn>2mn>msup>  
  14.         <mo>=mo>  
  15.         <msup><mi>cmi><mn>2mn>msup>  
  16.       mrow>  
  17.     math>  
  18.   body>  
  19. html>    

这会生成如下结果：


复制代码
代码如下:
a2 + b2 = c2

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

使用 MathML 字符
想象一下，下面是一个使用字符 ⁢ 的标记：

XML/HTML Code复制内容到剪贴板
  1. html   
  2. >  
  3.   <html>  
  4.   <head>  
  5.   <meta charset="UTF-8">  
  6.   <title>MathML Examplestitle>  
  7.   head>  
  8.   <body>  
  9.     <math xmlns="http://www.w3.org/1998/Math/MathML">  
  10.        <mrow>  
  11.           <mrow>  
  12.              <msup>  
  13.                 <mi>xmi>  
  14.                 <mn>2mn>  
  15.              msup>  
  16.              <mo>+mo>  
  17.              <mrow>  
  18.                 <mn>4mn>  
  19.                 <mo>⁢mo>  
  20.                 <mi>xmi>  
  21.              mrow>  
  22.              <mo>+mo>  
  23.              <mn>4mn>  
  24.           mrow>  
  25.              <mo>=mo>  
  26.              <mn>0mn>  
  27.         mrow>  
  28.    math>  
  29. body>  
  30. html>   

这会生成如下结果


复制代码
代码如下:
x 2 + 4 x + 4 = 0

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

矩阵表达示例
想象一下下面的例子，它会被用来表示一个简单的 2x2 矩阵：

XML/HTML Code复制内容到剪贴板
  1. html   
  2. >  
  3.   <html>  
  4.   <head>  
  5.   <meta charset="UTF-8">  
  6.   <title>MathML Examplestitle>  
  7.   head>  
  8.   <body>  
  9.     <math xmlns="http://www.w3.org/1998/Math/MathML">  
  10.        <mrow>  
  11.           <mi>Ami>  
  12.           <mo>=mo>  
  13.           <mfenced open="[" close<

    上一篇：全面解析HTML5中的标准属性与自定义属性详解HTML5 data-* 自定义属性HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)html5的自定义data-*属性与jquery的data()方法的使用HTML5的自定义属性data-*详细介绍和JS操作实例HTML5自定义data-* data(obj)属性和jquery的data()方法的使用HTML5自定义属性的问题分析

    下一篇：浅析HTML5的WebSocket与服务器推送事件HTML5+WebSocket实现多文件同时上传的实例HTML5-WebSocket实现聊天室示例HTML5实现WebSocket协议原理浅析html5的websockets全双工通信详解学习示例利用html5的websocket实现websocket聊天室html5-websocket基于远程方法调用的数据交互实现基于HTML5的WebSocket的实例代码

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网