工作学习日(第一周)[3day]---H5的MathML

2023-10-25 14:10

本文主要是介绍工作学习日(第一周)[3day]---H5的MathML,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前两天周六加班,周天当了一天躺尸,工作之后,果然,日常加班。。。。我还是个孩子。。。

1.什么是MathML?

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

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

2.部分MathML 元素如下:

<mstyle>.........</mstyle>   用于设置其包裹的最终表达式的样式。

如:<mstyle  displaystyle="true"  color="#ff0000"   fontsize="14px"    fontfamily="arial">......</mstyle>

<mrow>......</mrow>   用于包裹一个或多个表达式(可省略)。

<msup>......</msup>  用于包裹上标的表达式(如:指数函数)。

<msub>......</msub>  用于包裹下表的表达式。

<mi>.........</mi>      用于包裹字符。

<mn>.........</mn>      用于包裹数字。

<mo>...........</mo>          用于包裹各种运算符号(+,-,<mo></mo>,<mfrac></mfrac>,<,>,(,)等)

<msqrt>..........</msqrt>   用于开根号。

<mfenced open="[" close="]">.........</mfenced>   用于包裹矩阵即先定义外围的括号。

<mtable>..........</mtable>    类似table。

<mtr>..........</mtr>      代表矩阵的行。

<mtd>.........</mtd>      代表每行的每一个值。

3.实例

(1)

  1. <math xmlns="http://www.w3.org/1998/Math/MathML">  
  2.       <mrow>  
  3.         <msup><mi>a</mi><mn>2</mn></msup>  
  4.         <mo>+</mo>  
  5.         <msup><mi>b</mi><mn>2</mn></msup>  
  6.         <mo>=</mo>  
  7.         <msup><mi>c</mi><mn>2</mn></msup>  
  8.       </mrow>  
  9.     </math>  
网页显示结果: a2(a的平方)+b2(b的平方)=c2(c的平方);

(2)

  1. <math xmlns="http://www.w3.org/1998/Math/MathML">  
  2.        <mrow>  
  3.           <mrow>  
  4.              <msup>  
  5.                 <mi>x</mi>  
  6.                 <mn>2</mn>  
  7.              </msup>  
  8.              <mo>+</mo>  
  9.              <mrow>  
  10.                 <mn>4</mn>  
  11.                 <mo></mo>  
  12.                 <mi>x</mi>  
  13.              </mrow>  
  14.              <mo>+</mo>  
  15.              <mn>4</mn>  
  16.           </mrow>  
  17.              <mo>=</mo>  
  18.              <mn>0</mn>  
  19.         </mrow>  
  20.    </math>  
网页显示结果: x2(x的平方)+4x+4=0;

(3)

  1. <math xmlns="http://www.w3.org/1998/Math/MathML">  
  2.        <mrow>  
  3.           <mi>A</mi>  
  4.           <mo>=</mo>  
  5.           <mfenced open="[" close="]">  
  6.              <mtable>  
  7.                 <mtr>  
  8.                    <mtd><mi>x</mi></mtd>  
  9.                    <mtd><mi>y</mi></mtd>  
  10.                 </mtr>  
  11.                 <mtr>  
  12.                    <mtd><mi>z</mi></mtd>  
  13.                    <mtd><mi>w</mi></mtd>  
  14.                 </mtr>  
  15.              </mtable>  
  16.          </mfenced>  
  17.       </mrow>  
  18.    </math>  
网页显示结果如下:

2016219113648268.jpg (86×68)

这篇关于工作学习日(第一周)[3day]---H5的MathML的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/283107

相关文章

深入浅出Spring中的@Autowired自动注入的工作原理及实践应用

《深入浅出Spring中的@Autowired自动注入的工作原理及实践应用》在Spring框架的学习旅程中,@Autowired无疑是一个高频出现却又让初学者头疼的注解,它看似简单,却蕴含着Sprin... 目录深入浅出Spring中的@Autowired:自动注入的奥秘什么是依赖注入?@Autowired

Unity新手入门学习殿堂级知识详细讲解(图文)

《Unity新手入门学习殿堂级知识详细讲解(图文)》Unity是一款跨平台游戏引擎,支持2D/3D及VR/AR开发,核心功能模块包括图形、音频、物理等,通过可视化编辑器与脚本扩展实现开发,项目结构含A... 目录入门概述什么是 UnityUnity引擎基础认知编辑器核心操作Unity 编辑器项目模式分类工程

Python中的filter() 函数的工作原理及应用技巧

《Python中的filter()函数的工作原理及应用技巧》Python的filter()函数用于筛选序列元素,返回迭代器,适合函数式编程,相比列表推导式,内存更优,尤其适用于大数据集,结合lamb... 目录前言一、基本概念基本语法二、使用方式1. 使用 lambda 函数2. 使用普通函数3. 使用 N

Python学习笔记之getattr和hasattr用法示例详解

《Python学习笔记之getattr和hasattr用法示例详解》在Python中,hasattr()、getattr()和setattr()是一组内置函数,用于对对象的属性进行操作和查询,这篇文章... 目录1.getattr用法详解1.1 基本作用1.2 示例1.3 原理2.hasattr用法详解2.

setsid 命令工作原理和使用案例介绍

《setsid命令工作原理和使用案例介绍》setsid命令在Linux中创建独立会话,使进程脱离终端运行,适用于守护进程和后台任务,通过重定向输出和确保权限,可有效管理长时间运行的进程,本文给大家介... 目录setsid 命令介绍和使用案例基本介绍基本语法主要特点命令参数使用案例1. 在后台运行命令2.

Java中的xxl-job调度器线程池工作机制

《Java中的xxl-job调度器线程池工作机制》xxl-job通过快慢线程池分离短时与长时任务,动态降级超时任务至慢池,结合异步触发和资源隔离机制,提升高频调度的性能与稳定性,支撑高并发场景下的可靠... 目录⚙️ 一、调度器线程池的核心设计 二、线程池的工作流程 三、线程池配置参数与优化 四、总结:线程

SpringBoot集成LiteFlow工作流引擎的完整指南

《SpringBoot集成LiteFlow工作流引擎的完整指南》LiteFlow作为一款国产轻量级规则引擎/流程引擎,以其零学习成本、高可扩展性和极致性能成为微服务架构下的理想选择,本文将详细讲解Sp... 目录一、LiteFlow核心优势二、SpringBoot集成实战三、高级特性应用1. 异步并行执行2

Spring @Scheduled注解及工作原理

《Spring@Scheduled注解及工作原理》Spring的@Scheduled注解用于标记定时任务,无需额外库,需配置@EnableScheduling,设置fixedRate、fixedDe... 目录1.@Scheduled注解定义2.配置 @Scheduled2.1 开启定时任务支持2.2 创建

SpringBoot整合Flowable实现工作流的详细流程

《SpringBoot整合Flowable实现工作流的详细流程》Flowable是一个使用Java编写的轻量级业务流程引擎,Flowable流程引擎可用于部署BPMN2.0流程定义,创建这些流程定义的... 目录1、流程引擎介绍2、创建项目3、画流程图4、开发接口4.1 Java 类梳理4.2 查看流程图4

LiteFlow轻量级工作流引擎使用示例详解

《LiteFlow轻量级工作流引擎使用示例详解》:本文主要介绍LiteFlow是一个灵活、简洁且轻量的工作流引擎,适合用于中小型项目和微服务架构中的流程编排,本文给大家介绍LiteFlow轻量级工... 目录1. LiteFlow 主要特点2. 工作流定义方式3. LiteFlow 流程示例4. LiteF