编程笔记 html5&css&js 034 HTML MathML

编程笔记 html5&css&js 034 HTML MathML

网页上什么都可以出现呀,数学公式是不是也需要显示出来呀?这东西就叫MathML。

一、HTML5 MathML

HTML5 可以在文档中使用 MathML 元素,对应的标签是 <math>...</math>

MathML 是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。

二、看实例

html 复制代码
<!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上运行通过。

相关推荐
teeeeeeemo几秒前
回调函数 vs Promise vs async/await区别
开发语言·前端·javascript·笔记
zhanshuo41 分钟前
鸿蒙UI开发全解:JS与Java双引擎实战指南
前端·javascript·harmonyos
JohnYan41 分钟前
模板+数据的文档生成技术方案设计和实现
javascript·后端·架构
撰卢1 小时前
如何提高网站加载速度速度
前端·javascript·css·html
10年前端老司机1 小时前
在React项目中如何封装一个可扩展,复用性强的组件
前端·javascript·react.js
lemonzoey1 小时前
Node.js child_process 核心 API 详解
前端·javascript
lemonzoey1 小时前
pnpm 与 npm 的依赖管理机制深度解析
前端·javascript
lemonzoey1 小时前
PNPM 全局存储机制深度解析
前端·javascript
gnip2 小时前
markdown预览自定义扩展实现
前端·javascript
G等你下课3 小时前
AJAX请求跨域问题
前端·javascript·http