如何在 html 页面中，显示数学公式？ -

如何在 html 页面中，显示数学公式？
使用显示库 MathJax
MathJax 是一个开源的 web 数学公式渲染器，由 JS 编写而成。
MathJax 允许你在你的网页中包含公式，无论是使用 LaTeX、MathML或者AsciiMath符号，这些公式都会被 javascript 处理为 HTML、SVG 或者 MathML符号。
示例：
① 在 script 标签中引入 mathjax
② 在使用时，用 ` 号包围数学公式。（这个符号在 tab 键上方，英文状态下）
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?con ... l"></script>
    </head>
    <body>

    <div class="formula">
        <label>暴雨强度公式：</label>`i=A/(t+b)^n`<br>
        <label>峰前降雨强度公式：</label>`i(t_b)=A[(1-n)*t/r+b]/[(t_b/r)+b]^(n+1)`<br>
        <label>峰后降雨强度公式：</label>`i(t_a)=A[(1-n)*t_a/(1-r)+b]/[(t_a/(1-r))+b]^(n+1)`<br>
        <label>备注：</label>`A=[A_1(1+ClgP)]/167`<br>
        <label for="">勾股定理：</label> `a^2+b^2=c^2`
    </div>
  </body>
</html>

————————————————
版权声明：本文为CSDN博主「Hey_Coder」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/VickyTsai/article/details/114943791

注意：
1：` 不是单引号
2：不能再<pre></pre>内使用
3：多字母下标或上标用（）起来。

[本日志由 tiancao1001 于 2022-08-12 02:47 PM 编辑]

分享到： QQ空间新浪微博腾讯微博微信更多

暂时没有评论

发表评论 - 不要忘了输入验证码哦！

作者：

用户：密码：注册？验证：