HTML5 - MathML
Cú pháp HTML của HTML5 cho phép các phần tử MathML được sử dụng bên trong tài liệu bằng các thẻ <math> ... </math>.
Hầu hết các trình duyệt web có thể hiển thị các thẻ MathML. Nếu trình duyệt của bạn không hỗ trợ MathML, thì tôi khuyên bạn nên sử dụng phiên bản Firefox mới nhất.
Ví dụ về MathML
Sau đây là một tài liệu HTML5 hợp lệ với MathML -
<!doctype html>
<html>
<head>
<meta charset = "UTF-8">
<title>Pythagorean theorem</title>
</head>
<body>
<math xmlns = "http://www.w3.org/1998/Math/MathML">
<mrow>
<msup><mi>a</mi><mn>2</mn></msup>
<mo>+</mo>
<msup><mi>b</mi><mn>2</mn></msup>
<mo> = </mo>
<msup><mi>c</mi><mn>2</mn></msup>
</mrow>
</math>
</body>
</html>
Điều này sẽ tạo ra kết quả sau:
Sử dụng các ký tự MathML
Hãy xem xét, sau đây là đánh dấu sử dụng các ký tự & InvisibleTimes; -
<!doctype html>
<html>
<head>
<meta charset = "UTF-8">
<title>MathML Examples</title>
</head>
<body>
<math xmlns = "http://www.w3.org/1998/Math/MathML">
<mrow>
<mrow>
<msup>
<mi>x</mi>
<mn>2</mn>
</msup>
<mo>+</mo>
<mrow>
<mn>4</mn>
<mo></mo>
<mi>x</mi>
</mrow>
<mo>+</mo>
<mn>4</mn>
</mrow>
<mo>=</mo>
<mn>0</mn>
</mrow>
</math>
</body>
</html>
Điều này sẽ tạo ra kết quả sau đây. Nếu bạn không thể thấy kết quả thích hợp như x 2 + 4x + 4 = 0, hãy sử dụng phiên bản Firefox 3.5 trở lên.
Điều này sẽ tạo ra kết quả sau:
Ví dụ về trình bày ma trận
Hãy xem xét ví dụ sau đây sẽ được sử dụng để biểu diễn một ma trận 2x2 đơn giản:
<!doctype html>
<html>
<head>
<meta charset = "UTF-8">
<title>MathML Examples</title>
</head>
<body>
<math xmlns = "http://www.w3.org/1998/Math/MathML">
<mrow>
<mi>A</mi>
<mo>=</mo>
<mfenced open = "[" close="]">
<mtable>
<mtr>
<mtd><mi>x</mi></mtd>
<mtd><mi>y</mi></mtd>
</mtr>
<mtr>
<mtd><mi>z</mi></mtd>
<mtd><mi>w</mi></mtd>
</mtr>
</mtable>
</mfenced>
</mrow>
</math>
</body>
</html>
Điều này sẽ tạo ra kết quả sau:
Điều này sẽ tạo ra kết quả sau. Nếu bạn không thể thấy kết quả phù hợp, hãy sử dụng phiên bản Firefox 3.5 trở lên.