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

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

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8" name="author" content="赵慧娟">

    </head>

    <body>

        <math>

            <mrow>

                <msup><mi>a</mi><mn></mn></msup>

                <mo>+</mo>

                <msup><mi>b</mi><mn></mn></msup>

                <mo>=</mo>

                <msup><mi>c</mi><mn></mn></msup>

            </mrow>

        </math>

    </body>

</html>

运行结果：

下面添加了一些运算符

<!DOCTYPE html>

<html>

   <head>

      <meta charset="UTF-8">

      <title></title>

   </head>

   <body>

      <math>

         <mrow>

            <mrow>

               <msup>

                  <mi>x</mi>

                  <mn></mn>

               </msup>

               <mo>+</mo>

               <mrow>

                  <mn></mn>

                  <mo>⁢</mo>

                  <mi>x</mi>

               </mrow>

               <mo>+</mo>

               <mn></mn>

            </mrow>

            <mo>=</mo>

            <mn></mn>

         </mrow>

      </math>

   </body>

</html>

运行结果：

2×2矩阵

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8" name="author" content="赵慧娟">

    </head>

    <body>

        <math>

             <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-基础篇的更多相关文章

  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. 算法相关——Java排序算法之插入排序（四）

    0. 前言 本系列文章将介绍一些常用的排序算法.排序是一个非常常见的应用场景,也是开发岗位面试必问的一道面试题,有人说,如果一个企业招聘开发人员的题目中没有排序算法题,那说明这个企业不是一个" ...

  2. Maven学习第4期---Maven简单使用

    一.Maven常用命令 在学习使用Maven构建项目之前,先来了解一下Maven一些实用的命令.mvn的命令有很多,在项目开发中,理解了下面的几个常用命令后,运用maven就基本没有问题了.Maven ...

  3. IDEA搭建本地服务器解决无法连接https://start.spring.io

    通过IntellJ IDEA创建Spring Boot项目时,发生以下的问题.如图: 报错: 也许你搜到的都是诸如此类的回答: 在学习springboot的时候,使用IDEA的快速新建springbo ...

  4. DSSM：深度语义匹配模型（及其变体CLSM、LSTM-DSSM）

    导语 在NLP领域,语义相似度的计算一直是个难题:搜索场景下Query和Doc的语义相似度.feeds场景下Doc和Doc的语义相似度.机器翻译场景下A句子和B句子的语义相似度等等.本文通过介绍DSS ...

  5. python第八章：多任务--小白博客

    多线程threading 多线程特点: #线程的并发是利用cpu上下文的切换(是并发,不是并行)#多线程执行的顺序是无序的#多线程共享全局变量#线程是继承在进程里的,没有进程就没有线程#GIL全局解释 ...

  6. RabbitMQ总结

    消息队列 三个业务场景:解耦.异步.削峰 带来问题 系统可用性降低:外部依赖越多,越容易挂掉. 系统复杂性提高:重复消费,消息丢失,消息传递的顺序性 一致性问题: 一.如何保证消息的可靠性传输(如何处 ...

  7. UVA-10375 唯一分解定理

    #include<iostream> #include<string.h> #include<algorithm> #include<math.h> # ...

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

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

  9. p57商环

    1.半群满足对乘法封闭吗? 2.理想I 又不是R的子群,为什么I是R的正规子群呢? 3.~为什么对加法是同余关系? 4. 属于R,b-b属于I,为什么R作用在I上面,还属于I呢? 1.封闭 2.理想I ...

  10. CSS颜色代码 颜色值 颜色名字大全

    颜色值 CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义.对光源进行设置的最低值可以是 0(十六进制 00).最高值是 255(十六进制 FF).从 0 到 25 ...