Pengenalan kepada MathML - Bahasa Markup untuk Matematik

MathML adalah bahasa markup yang boleh digunakan untuk memaparkan notasi matematik. Anda boleh menggunakan tag MathML terus dari HTML5. Ia berguna untuk apabila anda ingin menunjukkan lebih banyak daripada notasi ringkas Math dalam halaman web anda, dan ia agak mudah digunakan kerana kesederhanaan dan kemiripan dengan HTML.

MathML mempunyai dua jenis markup; persembahan (untuk susun atur) dan kandungan (untuk makna). Oleh kerana hanya markup persembahan disokong oleh penyemak imbas, itu satu-satunya jenis markup yang boleh digunakan dengan HTML. Anda juga boleh menggunakan CSS dan JavaScript di dalamnya seperti yang anda lakukan pada HTML.

Mari kita lihat MathML.

Memahami MathML

Terdapat senarai unsur MathML yang ada di laman web Pembangun Mozilla. Saya juga telah menyenaraikan elemen-elemen yang digunakan dalam contoh-contoh pada akhir jawatan ini untuk rujukan cepat.

Unsur peringkat tertinggi dalam MathML ialah $$ elemen, Apabila anda menulis kod MathML dalam HTML, ingatlah untuk memasukkannya ke dalamnya $$ tag.

,,, adalah elemen asas yang mewakili identifier, operator, nombor dan rentetan masing-masing. Perhatikan bahawa semua elemen MathML di bawah bermula dengan huruf 'm'.

Berikut adalah beberapa contoh mudah.

Cara Memaparkan Superscript & Subskrip

The unsur adalah untuk memaparkan superskrip. Ada satu untuk subskrip.

$n^7$ 

Bagaimana untuk Memaparkan Fraksi

$\frac{7}{26}$ 

Bagaimana untuk Memaparkan Integer Root

Berikut adalah satu contoh yang lebih mudah untuk memaparkan integer root.

$\sqrt[5]{\mathrm{<mo>-</mo>678}}$ 

Untuk hanya kuasa dua, ada .

Sekarang mari kita beralih kepada notasi lebih kompleks, matriks.

Cara Paparkan Matriks

Untuk membina matriks, kita perlu mempunyai struktur jadual untuk baris dan lajur. Untuk ini, kita gunakan , dan .

Selain itu, kami akan menggunakannya tag untuk menambah pengendali [ dan ] sekitar matriks, dan akhirnya meletakkan semuanya di dalamnya elemen, elemen yang ungkapan kumpulan.

Inilah hasil akhir:

$\left[\begin{array}{ccc}0& 4& 10\\ 5& 2& X\\ 9& 11& 1\end{array}\right]$ 

Juga, mari membuang sedikit CSS untuk membuat 'X' menonjol dalam matriks.

mi color: red;  

Bagaimana Memaparkan Persamaan Integral

Berikut adalah contoh jenis asas persamaan penting. The digunakan untuk menambah had kepada integral.

Seperti HTML, MathML juga mempunyai aksara dan entiti, salah satunya digunakan dalam contoh untuk menunjukkan simbol phi Yunani. Inilah cara memperlihatkan persamaan penting di atas:

$f\left(x\right)=\int _a^{b}K(x,t)\phi \left(t\right)dt$ 

Untuk senarai entiti watak MathML, klik di sini untuk mencari mereka di laman web W3C.

Atribut MathML

Selain daripada atribut yang sama seperti HTML (seperti ID), MathML juga mempunyai set ciri-ciri mereka sendiri. Laman Pembangun Mozilla mempunyai koleksi atribut MathML untuk rujukan anda. Untuk pemulihan, anda boleh menggunakan perpustakaan JavaScript MathJax. Jika anda memerlukan lebih banyak alat, periksa pautan ini di sini.

Saya mengambil cuti saya dengan codepen ini yang mengandungi semua contoh di atas, untuk rujukan mudah anda.

Senarai Rujukan MathML Elements