编程笔记 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上运行通过。

相关推荐
Ares-Wang3 小时前
JavaScript》》JS》 Var、Let、Const 大总结
开发语言·前端·javascript
SY_FC4 小时前
uniapp input 聚焦时键盘弹起滚动到对应的部分
javascript·vue.js·elementui
渣渣盟5 小时前
JavaScript核心概念全解析
开发语言·javascript·es6
Carlos_sam6 小时前
OpenLayers:ol-wind之渲染风场图全解析
前端·javascript
拾光拾趣录6 小时前
闭包:从“变量怎么还没死”到写出真正健壮的模块
前端·javascript
拾光拾趣录7 小时前
for..in 和 Object.keys 的区别:从“遍历对象属性的坑”说起
前端·javascript
遂心_8 小时前
深入解析前后端分离中的 /api 设计:从路由到代理的完整指南
前端·javascript·api
@大迁世界8 小时前
第7章 React性能优化核心
前端·javascript·react.js·性能优化·前端框架
DownToEarth8 小时前
H5实现获取当前定位
javascript
前端Hardy8 小时前
HTML&CSS:惊艳!科技感爆棚的登录页面代码解析
前端·javascript·html