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

编程笔记 html5&css&js 034 HTML 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上运行通过。

相关推荐

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

    2024-01-13 13:06:04       44 阅读
  2. 编程笔记 html5&css&js 030 HTML音频

    2024-01-13 13:06:04       39 阅读
  3. 编程笔记 html5&css&js 032 HTML Canvas

    2024-01-13 13:06:04       59 阅读
  4. 编程笔记 html5&css&js 033 HTML SVG

    2024-01-13 13:06:04       44 阅读
  5. 编程笔记 html5&css&js 035 HTML 地理定位

    2024-01-13 13:06:04       55 阅读
  6. 编程笔记 html5&css&js 031 HTML视频

    2024-01-13 13:06:04       49 阅读
  7. 编程笔记 html5&css&js 036 CSS概述

    2024-01-13 13:06:04       50 阅读
  8. 编程笔记 html5&css&js 036 CSS应用方式

    2024-01-13 13:06:04       53 阅读
  9. 编程笔记 html5&css&js 037 CSS选择器

    2024-01-13 13:06:04       46 阅读
  10. 编程笔记 html5&css&js 039 CSS背景示例

    2024-01-13 13:06:04       46 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-13 13:06:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-13 13:06:04       101 阅读
  3. 在Django里面运行非项目文件

    2024-01-13 13:06:04       82 阅读
  4. Python语言-面向对象

    2024-01-13 13:06:04       91 阅读

热门阅读

  1. 深入理解Golang中的接口与实例展示

    2024-01-13 13:06:04       57 阅读
  2. 在Centos7上配置NTP时间同步

    2024-01-13 13:06:04       53 阅读
  3. 想要安利给所有人的开发工具

    2024-01-13 13:06:04       53 阅读
  4. 什么是分治法算法思想?

    2024-01-13 13:06:04       54 阅读
  5. KY43 全排列

    2024-01-13 13:06:04       56 阅读
  6. GDAL的GDALWarpOptions结构体设置

    2024-01-13 13:06:04       52 阅读
  7. 类厂,变长参数,序列化

    2024-01-13 13:06:04       64 阅读
  8. 关于初级嵌入式软件工程师应有的思考

    2024-01-13 13:06:04       55 阅读
  9. 如何改造现有文件为 CMD 模块

    2024-01-13 13:06:04       47 阅读