尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

HTML——MathML简介

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中排版数学公式是比较小众的领域因此本书中并未花过多篇幅做深入讲解旨在让大家快速入门。
返回列表