网页上什么都可以出现呀,数学公式是不是也需要显示出来呀?这东西就叫MathML。
一、HTML5 MathML
HTML5 可以在文档中使用 MathML 元素,对应的标签是 <math>...</math>
。
MathML 是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。
二、看实例
<!DOCTYPE html> <html lang="zh-cn"> <title>编程笔记 html5&css&js HTML Canvas</title> <meta charset="utf-8" /> <style> body { color: cyan; background-color: teal; } .container { width: 500px; /* 设置容器的宽度 */ margin: 0 auto; /* 将左右边距设置为自动 */ line-height: 2; } </style> <body> <div class="container"> <!-- xmlns="http://www.w3.org/1998/Math/MathML" --> <math> <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> </div> </body> </html>
小结
据说这个标签不是所有浏览器都支持,上述代码在Edge上运行通过。