【如何在 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?config=AM_HTMLorMML-full"></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>

显示结果

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

【如何在 HTML 页面中显示数学公式】相关推荐

php json转数组后并在前端展示,0516-如何从服务器端获取JSON格式字符串并解决到前端页面中显示...
一. 如何从服务器端获取JSON格式字符串并解决到前端页面中显示 1.采用AJAX异步方式从服务器请求必须为字符串的数据:例如 $PHP= '{"aaa":"bbb&q ...
java错误页面显示错误信息_Struts2在JSP页面中显示错误信息和提示信息的方法
Struts2在JSP页面中显示错误信息和提示信息的方法主要有以下四种. 注意:以下四种方法均需要使Action类继承ActionSupport类. 一.域级错误信息 ①重写Action中的valid ...
[置顶] 读取pdf并且在web页面中显示
读取pdf并且在web页面中显示 if (System.IO.File.Exists(f)) { Response.ContentType = "applicationpdf"; ...
IT兄弟连 JavaWeb教程使用Servlet实现在页面中显示随机数
在com.xdl.servlet包下定义RandomServlet类并HttpServlet类,在该类中生成随机数并发送给客户端.RandomServlet类详细代码如下: package com.x ...
php实现wav转mp3,php实现将wav文件转换成图像文件并在页面中显示的方法
本文实例讲述了php实现将wav文件转换成图像文件并在页面中显示的方法.分享给大家供大家参考.具体分析如下: 需求:将wav文件转换成png文件并且显示出来. Wav_To_Png.php: func ...
react方法返回html_#react# 在页面中显示html代码块
在页面中显示html代码块在网上查了下,说有一下方法可以把html代码直接在页面中输出. textarea 不让编辑去边框去滚动条直接把代码用ps做成图片上传到网页用转换符号在jsx中前面 ...
ercharts一个页面能放几个_在同一页面中显示多个echart图表
整理了一下大概有两种做法来实现在同一个页面中显示多个echart图表,废话不说直接上代码. 在同一个echart对象中绘制多个图表 echart .chart { width: 1500px; } i ...
jsp中如何使1和0再页面中显示为男和女
jsp中如何使1和0再页面中显示为男和女具体代码如下未转变前转变后的代码与显示这样很简单就完成了所需要的需求,后续如果有不懂的欢迎前来切磋
在网页中显示数学公式
网上在网页中显示数学公式的办法有很多,在实验了很多方法后我还是选择两种最简单粗暴的方法. 1.截图 2.ASCIIMathML 比起MathML,ASCIIMathML简单了很多,不需要再 ...
HTML中显示数学公式
需求: 在网页中显示这样一个数学公式用到的插件:https://www.mathjax.org/ <!DOCTYPE html><html><head><t ...

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

【如何在 HTML 页面中显示数学公式】相关推荐

最新文章

热门文章

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

【如何 在 HTML 页面中显示数学公式】相关推荐

最新文章

热门文章

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

【如何在 HTML 页面中显示数学公式】相关推荐