<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML5 MathML Example</title>
</head>
<body>
<h1>MathML Example</h1>
<math xmlns="http://www.w3.org/1998/Math/MathML">
<msup>
<mi>x</mi>
<mn>2</mn>
</msup>
<mo>+</mo>
<mn>5</mn>
<mo>=</mo>
<mn>0</mn>
</math>
</body>
</html>
在这个例子中:
- <math> 元素用于包裹 MathML 表达式。
- <msup> 元素表示上标(乘方)。
- <mi> 元素表示数学标识符,这里表示变量 x。
- <mn> 元素表示数字。
- <mo> 元素表示运算符。
这是一个简单的二次方程的例子。注意,不同的数学表达式可以通过组合不同的 MathML 元素来表示。
MathML 的使用并不像其他 HTML 元素那么普遍,因为渲染 MathML 的浏览器支持有限。在实际应用中,有时候使用 LaTeX 或 MathJax 等库来在网页上显示数学公式更为常见,因为它们提供了更好的兼容性和渲染效果。
转载请注明出处:http://www.zyzy.cn/article/detail/3670/HTML5