如何在 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>
<!--    `公式的内容`  ,这个是这个 js 中默认的 公式的开始和结束方式-->
    <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:多字母下标或上标用()起来。



地下室外墙计算软件



欢迎关注微信公众账号ByCAD