编程笔记 html5&css&js 034 HTML MathML
- 一、HTML5 MathML
- 二、看实例
- 小结
网页上什么都可以出现呀,数学公式是不是也需要显示出来呀?这东西就叫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上运行通过。