【如何 在 HTML 页面中显示数学公式】

  • 如何在 html 页面中,显示数学公式?
    • 使用显示库 MathJax
      • MathJax 是一个开源的 web 数学公式 渲染器,由 JS 编写而成。
      • MathJax 允许你在你的网页中包含公式,无论是使用 LaTeX、MathML或者AsciiMath符号,这些公式都会被 javascript 处理为 HTML、SVG 或者 MathML符号。
  • 示例:
    • ① 在 script 标签中 引入 mathjax
    • ② 在 使用时,用 ` 号包围 数学公式。(这个符号在 tab 键上方,英文状态下)

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Titletitle>
        <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=AM_HTMLorMML-full">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>
  • 显示结果
    【如何 在 HTML 页面中显示数学公式】_第1张图片

  • 参考文章
    • 添加链接描述
    • html 数学公式显示库 MathJax 的使用
    • html 页面数学公式添加
    • MathJax 的基本使用

你可能感兴趣的:(【HTML】,数学公式,mathjax,html中显示数学公式)