如何在 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:多字母下标或上标用()起来。