新闻详情

新闻详情

首页 / 资讯中心 / 详情

HTML——MathML简介

发布时间:2026/9/30 11:36:53来源:尧图网络
HTML——MathML简介
MathML简介1、按类别分类的MathML表现元素1.1、顶级元素1.2、记号元素1.3、总体布局1.4、脚本和限制元素1.5、表格数学2、语义注释相关的MathML元素MathML是指“数学标记语言”​是XML的一个子集用来在Web网页甚至部分软件中显示数学公式。简言之MathML就是使用特殊的类似HTML的标记在网页中显示数学公式因为有些数学公式很复杂普通HTML根本无法驾驭例如下面所示的这个公式。其都有哪些MathML标记呢可以看下面的定义说明。1、按类别分类的MathML表现元素1.1、顶级元素math用在最外部进行包裹表示里面的都是数学公式。例如就一个变量x则有效果是x。1.2、记号元素mglyph有些现存的Unicode字符是不可用的此时就可以使用mglyph元素替换显示可以理解为MathML世界中的图片元素支持width、height、alt等属性。例如mimi是“math identifier”的缩写字面意思是数学标识符多指函数名、变量或者符号常量例如下面的标识符之间无任何关联仅示意语义​效果是ysinxπ。mnmn是“math number”的缩写表示数值支持各种数值例如仅示意无关联​效果是01.337twelveXVI2e10。momo是“math operators”的缩写表示数学操作符例如加减乘除、各种括号、分号等例如效果是55[01]​。msms是“math string literal”的缩写表示一个字符串文字字符串需要由编程语言和计算机代数系统来解释。在默认情况下字符串文字会被双引号括起来( )。通过使用lquote属性和rquote属性你可以设置要显示的自定义字符。例如不过目前在Chrome和Firefox浏览器下均没有自定义的引号字符显示。mspacemspace是“math space”的缩写表示空白间距其尺寸可以通过width、height、depth等尺寸控制。例如效果是x y。mtextmtext元素用于呈现没有符号含义的任意文本如注释或注解。例如1.3、总体布局menclosemenclose元素用于把内容封闭在指定的记号中通过设置notation属性​。例如一个根号的效果效果是。这里的notation属性支持非常多的值不同的值对应不同的闭合效果具体可参考下表。merrormerror元素用来标记这个计算公式或者表达式是错误的浏览器会通过边框和背景色样式加以明显区分。例如例如在Windows操作系统下就是图所示的效果数学公式的背景色是黄色边框是红色。mfencedmaction元素可以添加自定义的对称闭合符号如括号​以及自定义分隔符如逗号​。例如在支持的浏览器下会呈现为{abcde}。mfracmfrac元素是指’math fraction’表示分数即除法。例如效果是。mpaddedmpadded元素用来给封闭内容增加格外的padding以便进行位置和尺寸的调整。mphantomPhantom这个单词是幻影的意思因此mphantom元素表示当前元素是一个“幻影”​也就是不可见但是位置和尺寸都被保留类似CSS世界中的visibilityhidden。例如效果是x z。mrootmroot元素表示根号。例如效果是。mrowmrow元素用于对子表达式进行分组子表达式通常包含一个或多个运算符及其各自的操作数如“和”​​。此元素水平呈现。上面已有很多案例这里不重复演示。msqrtmsqrt元素表示开平方根。例如效果是。mstylemstyle元素用于更改其子项的样式。例如设置颜色为茶色效果是i1。1.4、脚本和限制元素mmultiscriptsmmultiscripts元素允许你创建一个类似张量的对象。张量理论是数学的一个分支学科在力学中有重要应用。张量是一个定义在的一些向量空间和一些对偶空间的笛卡儿积上的多重线性映射其坐标是|n|维空间内有|n|个分量的一种量其中每个分量都是坐标的函数而在坐标变换时这些分量也依照某些规则作线性变换。movermover元素用来在表达式的上方添加重音或限制。例如预期效果是。不过在Chrome浏览器下花括号的横向跨度明显偏小如图所示。msubmsub元素好理解表示下标。例如效果是X1。msubsupmsubsup元素表示同时有上标和下标。例如效果是。msupmsup元素表示上标参见msub元素。mundermunder元素和mover元素的作用相反表示在表达式的下方添加重音或者限制。例如效果是。同样在Chrome浏览器下有花括号的横向跨度明显偏小的问题。munderovermunderover元素表示同时有上标和下标。例如效果是。1.5、表格数学mtablemtable元素可以被理解为HTML界的table元素虽然所支持的HTML属性差别很大但排版布局表现很类似。mtdmtd元素可以被理解为HTML界的td元素。mtrmtr元素可以被理解为HTML界的tr元素。呈现的排版效果如图所示。2、语义注释相关的MathML元素在MathML中有两种标记数学的方法PresentationMathML用于控制数学方程或表达式的布局也就是用户看到的外观上面介绍的部分​Content MathML用于使数学方程或表达式更语义化便于计算机理解。MathML的semantics、annotation和annotation-xml元素都可用于联合展示和内容标记并且提供数学表达式的布局信息和语义。annotation元素表示注解与说明。annotation-xmlannotation-xml元素指明函数或表达式结构。semanticssemantics元素表示里面含有语义化信息。下面通过这个案例来理解上面3种元素的作用MathML是一个完整的语言体系目前所有的现代浏览器均支持它虽然在细节上各个浏览器还有所差异但是最终的数学公式排版效果区别不大。由于在Web中排版数学公式是比较小众的领域因此本书中并未花过多篇幅做深入讲解旨在让大家快速入门。
网站建设高端定制企业官网
RELATED

相关资讯

更多精彩内容,欢迎继续阅读

较早相关资讯

最新相关资讯

2026年9月长宁区临期产品销毁:5种方法优缺点推荐 2026/9/30 14:59:49

2026年9月长宁区临期产品销毁:5种方法优缺点推荐

临期产品销毁后真的只能"拉黑"? 很多人, 都以为, 长宁区超市货架上, 那些到了佳食用期以后的饼干、还有牛奶, 给集中销毁了就等于完了, 其实, 合规的销毁流程, 远远不只是把东西烧掉或者埋掉, 那么简单, 在这个流程的背后头, 藏着的一条, 资源再生的完整链…

阅读更多 →
【信息科学与工程学】【测试技术】第十五篇 软硬件测试方法03 2026/9/30 14:59:42

【信息科学与工程学】【测试技术】第十五篇 软硬件测试方法03

。 S-67 软件回归测试 编号 测试类型 测试内容(领域归类) 被测试对象的详细分析 测试方法 测试内容列表和步骤和每个步骤的测试内容和策略和方法和路径 关联知识和标准 S-67 软件回归测试 软件/测试管理 被测试对象的详细分析 回归测试验证软件在代码变更(新功能…

阅读更多 →
双向链表从原理到实战:结构设计、核心操作与经典应用场景 2026/9/30 14:59:35

双向链表从原理到实战:结构设计、核心操作与经典应用场景

1. 为什么单链表不够用,需要双向链表 很多同学学到链表这一章,第一个接触的往往是单链表:一个结点里存一个数据域,再加一个 next 指针,指到下一个结点。这东西上手确实快,但用着用着就会碰到一个让人抓狂的…

阅读更多 →
金九银十|2026Java 后端八股汇总,面试高频题 + 详细解答 2026/9/30 14:59:35

金九银十|2026Java 后端八股汇总,面试高频题 + 详细解答

或许这份面试题还不足以囊括所有 Java 问题,但有了它,我相信你一定不会“败”的很惨,因为有了它,足以应对目前市面上绝大部分的 Java 面试了,因为这篇文章不论是从深度还是广度上来讲,都已经囊括了非常多的…

阅读更多 →
Spring Boot+Vue二手交易系统毕设实战:从数据库到答辩全攻略 2026/9/30 14:59:35

Spring Boot+Vue二手交易系统毕设实战:从数据库到答辩全攻略

又到了毕业设计的季节。如果你在网上反复搜过“springboot vue 二手物品交易 boot 代码”,大概率是选题选到了这个方向,或者正被导师一句“做一个系统吧”架上了梁山。二手交易平台确实是被选得最多的毕设方向之一,原因很现实:业务…

阅读更多 →
Spring Boot 3 集成 Druid 连接池:核心配置、监控与密码加密实战 2026/9/30 14:59:28

Spring Boot 3 集成 Druid 连接池:核心配置、监控与密码加密实战

1. 连接池这个东西,为什么值得单独写一篇Spring Boot 3 已经出来一段时间了,我陆陆续续写了四篇学习笔记,从自动装配原理到 Web 开发、数据访问、日志框架,基本上把骨架搭了起来。但说实话,真正放到生产环境里跑&#…

阅读更多 →

今日资讯

本周资讯

本月资讯

看完文章仍有疑问?

联系尧图顾问,获取一对一建站咨询

立即免费咨询 📞 400-888-8888
📞 ✉