MathML (Ngôn ngữ đánh dấu toán học) là một tiêu chuẩn để biểu diễn các ký hiệu toán học trong các trang web. Nó là ngôn ngữ đánh dấu dựa trên XML được thiết kế để tích hợp các biểu thức toán học vào HTML và các ngôn ngữ đánh dấu khác. Dưới đây là ví dụ về cách sử dụng MathML trong tài liệu HTML5:

html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>MathML Example</title> </head> <body> <h2>MathML Example</h2> <!-- Example 1: Inline MathML --> <p>Inline MathML: \(x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}\)</p> <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline"> <mi>x</mi> <mo>=</mo> <mfrac linethickness="0"> <mrow> <mo>-</mo> <mi>b</mi> <mo>±</mo> <msqrt> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo>-</mo> <mn>4ac</mn> </msqrt> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow> </mfrac> </math> <!-- Example 2: Display MathML --> <p>Display MathML:</p> <math xmlns="http://www.w3.org/1998/Math/MathML" display="block"> <msup> <mi>e</mi> <mi>x</mi> </msup> <mo>=</mo> <mi>y</mi> </math> </body> </html>

Trong ví dụ này:

  1. MathML nội tuyến được sử dụng trong một đoạn văn để biểu diễn công thức bậc hai. Phần tử <math> có thuộc tính display="inline" được sử dụng để biểu thị nội dung toán học nội tuyến.

  2. Display MathML được sử dụng trong một đoạn văn để biểu diễn một phương trình hàm mũ. Phần tử <math> với thuộc tính display="block" được sử dụng để biểu thị nội dung toán học kiểu hiển thị.

Lưu ý rằng trình duyệt hỗ trợ MathML có thể khác nhau và một số trình duyệt hiện đại có thể không hỗ trợ đầy đủ. Để thay thế, bạn có thể cân nhắc sử dụng MathJax hoặc các thư viện JavaScript khác cung cấp khả năng hiển thị các phương trình toán học trên nhiều trình duyệt. Ví dụ: MathJax cho phép bạn viết phương trình theo cú pháp LaTeX và hiển thị chúng bằng MathML hoặc các công nghệ khác tùy thuộc vào sự hỗ trợ của trình duyệt.