当前位置 : IT培训网 > Web前端 > Web教程 > HTML5 MathML是什么意思

HTML5 MathML是什么意思

时间:2016-12-07 11:47:49  来源:web前端培训网  作者:IT培训网  已有:名学员访问该课程
MathML 是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。想要学习HTML5 MathML的小朋友们加快速度了,年底冲刺机会只有一次,年底报名,年后即可找到高薪工作。

MathML是什么呢,也许我们在网页的头部代码里经常会看到,但能理解其中意思的恐怕只有专业的网页设计者了,对于初学者来说,掌握这方面知识也是必不可少的,下面就随IT培训网小编一起来学习下吧!

HTML5 MathML

HTML5 可以在文档中使用 MathML 元素,对应的标签是 <math>...</math> 。

MathML 是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。

注意:大部分浏览器都支持 MathML 标签,如果你的浏览器不支持该标签,可以使用最新版的 Firefox 或 Safari 浏览器查看。

MathML 实例

以下是一个简单的 MathML 实例:

<!DOCTYPE html>

<html>

   <head>

      <meta charset="UTF-8">

      <title>IT培训网(www.alisonhorn.com)</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>

运行结果:

HTML5 MathML是什么意思_www.alisonhorn.com

以下实例添加了一些运算符:

<!DOCTYPE html>

<html>

   <head>

      <meta charset="UTF-8">

      <title>IT培训网(www.alisonhorn.com)</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>

运行结果:

HTML5 MathML是什么意思_www.alisonhorn.com

以下实例是一个 2×2 矩阵,可以在 Firefox 3.5 以上版本查看到效果:

<!DOCTYPE html>

<html>

   <head>

      <meta charset="UTF-8">

      <title>IT培训网(www.alisonhorn.com)</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>

运行结果:

HTML5 MathML是什么意思_www.alisonhorn.com

对于网页设计者来说,将所有的网页代码知识都学会很容易,但要灵活运用就很难了,所以我们在学习的时候一定要会灵活运用,如此才可以在将来的职位上走的更远,好了,想要学习HTML5 MathML的小朋友们加快速度了,年底冲刺机会只有一次,年底报名,年后就可以找到高薪的工作。

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
------分隔线----------------------------
Web 教程
1、HTML 教程
1.1 HTML 简介
1.2 HTML 编辑器
1.3 HTML 基础
1.4 HTML 元素
1.5 HTML 属性
1.6 HTML 标题
1.7 HTML 段落
1.8 HTML 文本格式化
1.9 HTML 链接
1.10 HTML 头部
1.11 HTML CSS
1.12 HTML 图像
1.13 HTML 表格
1.14 HTML 列表
1.15 HTML 区块
1.16 HTML 布局
1.17 HTML 表单
1.18 HTML 框架
1.19 HTML 颜色
1.20 HTML 颜色名
1.21 HTML 颜色值
1.22 HTML 脚本
1.23 HTML 字符实体
1.24 HTML URL
1.25 HTML 速查列表
1.26 HTML 总结
1.27 HTML 简介
2、HTML5
2.1 HTML5 教程
2.2 HTML5 浏览器支持
2.3 HTML5 新元素
2.4 HTML5 Canvas
2.5 HTML5 内联 SVG
2.6 HTML5 MathML
2.7 HTML5 拖放
2.8 HTML5 地理定位
2.9 HTML5 Video(视频)
2.10 HTML5 Audio(音频)
2.11 HTML5 Input 类型
2.12 HTML5 表单元素
2.13 HTML5 表单属性
2.14 HTML5 语义元素
2.15 HTML5 Web 存储
2.16 HTML5 Web SQL
2.17 HTML5 应用程序缓存
2.18 HTML5 Web Workers
2.19 HTML5 SSE
2.20 HTML5 WebSocket
2.21 HTML5 代码规范
3、HTML 媒体
3.1 HTML 媒体(Media)
3.2 HTML 插件
3.3 HTML 音频(Audio)
3.4 HTML视频(Videos)播放