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

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

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8" name="author" content="赵慧娟">
  5.     </head>
  6.     <body>
  7.         <math>
  8.             <mrow>
  9.                 <msup><mi>a</mi><mn></mn></msup>
  10.                 <mo>+</mo>
  11.                 <msup><mi>b</mi><mn></mn></msup>
  12.                 <mo>=</mo>
  13.                 <msup><mi>c</mi><mn></mn></msup>
  14.             </mrow>
  15.         </math>
  16.     </body>
  17. </html>

运行结果：

下面添加了一些运算符

  1. <!DOCTYPE html>
  2. <html>
  3.    <head>
  4.       <meta charset="UTF-8">
  5.       <title></title>
  6.    </head>
  7.    <body>
  8.       <math>
  9.          <mrow>
  10.             <mrow>
  11.  
  12.                <msup>
  13.                   <mi>x</mi>
  14.                   <mn></mn>
  15.                </msup>
  16.  
  17.                <mo>+</mo>
  18.  
  19.                <mrow>
  20.                   <mn></mn>
  21.                   <mo>⁢</mo>
  22.                   <mi>x</mi>
  23.                </mrow>
  24.  
  25.                <mo>+</mo>
  26.                <mn></mn>
  27.  
  28.             </mrow>
  29.  
  30.             <mo>=</mo>
  31.             <mn></mn>
  32.  
  33.          </mrow>
  34.       </math>
  35.  
  36.    </body>
  37. </html>

运行结果：

2×2矩阵

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8" name="author" content="赵慧娟">
  5.     </head>
  6.     <body>
  7.         <math>
  8.              <mrow>
  9.             <mi>A</mi>
  10.             <mo>=</mo>
  11.  
  12.             <mfenced open="[" close="]">
  13.  
  14.                <mtable>
  15.                   <mtr>
  16.                      <mtd><mi>x</mi></mtd>
  17.                      <mtd><mi>y</mi></mtd>
  18.                   </mtr>
  19.  
  20.                   <mtr>
  21.                      <mtd><mi>z</mi></mtd>
  22.                      <mtd><mi>w</mi></mtd>
  23.                   </mtr>
  24.                </mtable>
  25.  
  26.             </mfenced>
  27.          </mrow>
  28.       </math>
  29.  
  30.     </body>
  31. </html>

运行结果：

HTML5-MathML-基础篇的更多相关文章

  1. HTML5画布(基础篇11-10)

    <script type="text/javascript"> $(function(){ var s = $("#myCanvas")[0]; v ...

  2. HTML5和CSS3扁平化风格博客(基础篇)

    多学一点总是好的~ 自始至终都觉得的css和html效果比较美观,于是在看慕课网教程时,自己也跟着敲了深爱着的前端代码 这部分分为两部分:①基础篇:http://www.imooc.com/learn ...

  3. form表单那点事儿(上) 基础篇

    form表单那点事儿(上) 基础篇 做为html中最为常见,应用最广泛的标签之一,form常伴随前端左右.了解更深,用的更顺. 目录: 表单属性 表单元素 常识 模拟外观 表单属性 这个表单展示了fo ...

  4. 前端总结·基础篇·CSS（一）布局

    目录 这是<前端总结·基础篇·CSS>系列的第一篇,主要总结一下布局的基础知识. 一.显示(display) 1.1 盒模型(box-model) 1.2 行内元素(inline) &am ...

  5. 我拖拖拖--H5拖放API基础篇

    不要搞错,本文不是讲如何拖地的.看过<javascript精粹>朋友应该知道,他实现拖放的过程比较复杂,现在时代不同了,我们用H5的新的拖放API就能非常方便的实现拖放效果了.最近在园子见 ...

  6. 好程序员web前端分享HTML基础篇

    好程序员web前端分享HTML基础篇,最近遇到很多新手,都会问,如果要学web前端开发,需要学什么?难不难学啊?多久能入门之类的问题?那么今天好程序员就先来给大家分享一下web前端学习路线:HTML基 ...

  7. HTML基础篇

    由于一些原因,要换工作了,毫无准备,心情郁闷了几天.但是还是更新了简历,准备复习面试.面 了3天.面试中问到了一些问题,想好好整理一下.越是大公司越看重基础.这几天遇到的面试题,有15到简答题,有两页 ...

  8. Hybrid APP基础篇(二)->Native、Hybrid、React Native、Web App方案的分析比较

    说明 Native.Hybrid.React.Web App方案的分析比较 目录 前言 参考来源 前置技术要求 楔子 几种APP开发模式 概述 Native App Web App Hybrid Ap ...

  9. 前端开发工程师 - 03.DOM编程艺术 - 第1章.基础篇(下)

    第1章.基础篇(下) Abstract: 数据通信.数据存储.动画.音频与视频.canvas.BOM.表单操作.列表操作 数据通信(HTTP协议) HTTP事务: 客户端向服务器端发送HTTP请求报文 ...

  10. 前端之HTML基础篇

    HTML基础篇 目录                                                                               本章内容: 简介 1. ...

随机推荐

  1. 【JS小技巧】JavaScript 函数用作对象的隐藏问题（F.ui.name）

    用户反馈 @消失的键盘 在论坛反馈了一个问题,在 AppBoxMvc 中的 Title 模型中,如果将 Name 属性改名为小写的 name 属性,就会报错: 因为这是一个 ASP.NET MVC 的 ...

  2. vue-amap 实例获取与自动缩放

    this.$refs.map.$amap.setFitView(markers) 获取实例,$amap 为 el-map 的 vid,没错,vid 获取方式就是这样 markers 为 Amap.Ma ...

  3. 关于NETCORE中使用特性Serializable找不到引用的解决方法

    升级到netcore后,serializable特性不在命名空间System下了,需要nuget依赖包System.Runtime.Serialization.Formatters

  4. Linux 的系统目录介绍

    /bin 二进制可执行命令 /dev 设备特殊文件/etc 系统管理和配置文件/etc/rc.d 启动的配置文件和脚本/home 用户主目录的基点,比如用户user的主目录就是/home/user,可 ...

  5. lambda函数

    1.lambda函数是语法简短的匿名函数 2.lambda函数可以接受一个或多个参数 3.lambda函数只能有一个表达式 4.一般用于非重用的代码块 1)g = lambda x : x**2 g( ...

  6. LookupError: Resource averaged_perceptron_tagger not found. Please use the NLTK Downloader to obtain the resource:

    命令行执行 import nltk nltk.download('averaged_perceptron_tagger') 完事

  7. Linux下php安装redis扩展（redis已经安装）

     1. 下载需要的php操作redis的扩展包 (1).切换到 cd  /usr/local/src (2).   wget https://github.com/nicolasff/phpredis ...

  8. IOS 开发之-- textfield和textview，return键的改变，点击return键

    IOS 开发之-- textfield和textview,return键的改变,点击return键 一,textfield的return键改变 方案1.改变键盘右下角的换行(enter)键为完成键,后 ...

  9. 【问题解决方案】从 Anaconda Prompt 或 Jupyter Notebook 终端进入Python后重新退出到命令状态

    从 Anaconda Prompt 或 Jupyter Notebook 终端进入Python后重新退出到命令状态 退出Python:exit() 或者 Ctrl+z 例子一枚 默认打开的是3.7,需 ...

  10. 10-vue的介绍

    vue的作者叫尤雨溪,中国人.自认为很牛逼的人物,也是我的崇拜之神. 关于他本人的认知,希望大家读一下这篇关于他的文章,或许你会对语言,技术,产生浓厚的兴趣.https://mp.weixin.qq. ...