本文摘自PHP中文网,作者不言,侵删。
这篇文章主要介绍了在HTML5中使用MathML数学公式的简单讲解,math标签的妙用往往可以收货意想不到的效果,需要的朋友可以参考下HTML5 的 HTML 语法允许我们在文档内使用 <math>...</math> 标签应用 MathML 元素。
下面是一个使用 MathML 的有效 HTML5 文档:
XML/HTML Code复制内容到剪贴板
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | html
<!doctype html>
< html >
< head >
< meta charset = "UTF-8" >
< title >Pythagorean theorem</ title >
</ head >
< body >
< math xmlns = "http://www.w3.org/1998/Math/MathML" >
< mrow >
< msup >< mi >a</ mi >< mn >2</ mn ></ msup >
< mo >+</ mo >
< msup >< mi >b</ mi >< mn >2</ mn ></ msup >
< mo >=</ mo >
< msup >< mi >c</ mi >< mn >2</ mn ></ msup >
</ mrow >
</ math >
</ body >
</ html >
|
这会生成如下结果:
复制代码
代码如下:
便于学习这一概念 - 请使用 FireFox 3.7 或更高版本进行在线练习。
使用 MathML 字符
想象一下,下面是一个使用字符 ⁢ 的标记:
XML/HTML Code复制内容到剪贴板
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | html
<!doctype html>
< html >
< head >
< meta charset = "UTF-8" >
< title >MathML Examples</ title >
</ head >
< body >
< math xmlns = "http://www.w3.org/1998/Math/MathML" >
< mrow >
< mrow >
< msup >
< mi >x</ mi >
< mn >2</ mn >
</ msup >
< mo >+</ mo >
< mrow >
< mn >4</ mn >
< mo >?</ mo >
< mi >x</ mi >
</ mrow >
< mo >+</ mo >
< mn >4</ mn >
</ mrow >
< mo >=</ mo >
< mn >0</ mn >
</ mrow >
</ math >
</ body >
</ html >
|
这会生成如下结果
复制代码
阅读剩余部分
相关阅读 >>
h5的localstorage如何在本地存储刷新值
HTML5响应式banner制作教程
HTML5中video标签无法播放mp4问题的解决办法
HTML5 canvas基本绘图之绘制矩形的示例代码详解
关于移动端h5开发相关内容总结
HTML5中在元素或者选取的文本被拖动时触发的事件ondrag
HTML5实现如何在两个div元素之间拖放图像
HTML5中创建和返回新的文本轨道的方法
HTML5互联网:地铁行业新模式
h5之scrollintoview用法详解
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 在HTML5中使用MathML数学公式