Rumah > hujung hadapan web > html tutorial > Contoh MathML dalam HTML5

Contoh MathML dalam HTML5

PHPz
Lepaskan: 2023-09-16 09:29:09
ke hadapan
984 orang telah melayarinya

Contoh MathML dalam HTML5

Dalam artikel berikut, kita akan mempelajari contoh MathML dalam HTML5. Teg HTML dan teg MathML mempunyai banyak persamaan. Sama seperti cara teg HTML digunakan untuk menentukan tajuk dan perenggan, MathML menggunakan teg untuk menerangkan pelbagai komponen persamaan matematik.

Bahasa penanda matematik dipanggil MathML. Ia menggunakan XML untuk menerangkan simbol matematik dan menangkap struktur dan kandungannya. Ia digunakan terutamanya untuk membenamkan formula matematik ke dalam laman web. MathML memungkinkan untuk menerbitkan pengetahuan saintifik dan matematik dalam talian.

MathML boleh digunakan

  • MathML boleh digunakan sebagai pengganti borang matriks.

  • MathML boleh mewakili persamaan pembezaan separa.

  • MathML boleh mewakili persamaan tindak balas kimia.

diterjemahkan sebagai:
S.NoS.No tag dan penggunaan
1

Terjemahan ayat ini ialah: Ia digunakan untuk pembolehubah

2

Ia digunakan untuk nilai angka

3

Ia digunakan untuk pengendali matematik

4

Ia digunakan untuk mengumpulkan elemen MathML ke dalam satu unit

Mari lihat beberapa contoh untuk memahami MathML dengan lebih baik

Terjemahan bahasa Cina bagi

Contoh 1

ialah:

Contoh 1

Dalam contoh di bawah, kami mencetak a2= b2= c2

<!DOCTYPE html>
<html>
<body>
   <math>
      <mrow>
         <msup><mi>a</mi><mn>2</mn></msup>
         <mo>=</mo>
         <msup><mi>b</mi><mn>2</mn></msup>
      </mrow>
         <mo>=</mo>
         <msup><mi>c</mi><mn>2</mn></msup>
      </mrow>
   </math>
</body>
</html>
Salin selepas log masuk

Apabila skrip dijalankan, ia akan menghasilkan output yang memaparkan ungkapan matematik yang kami cipta dalam skrip di atas pada halaman web.

Contoh 2: Menggunakan aksara MathML

Dalam contoh di bawah, kami mengikuti penandaan menggunakan aksara dan masa yang tidak kelihatan.

<!doctype html>
<html>
<body>
   <math>
      <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>
Salin selepas log masuk

Apabila anda menjalankan skrip di atas, ia akan menghasilkan output yang mengandungi ungkapan matematik "x2 + 4x + 4 = 0" yang diperoleh dengan menggunakan MathML pada halaman web.

Terjemahan bahasa Cina bagi

Contoh 3

ialah:

Contoh 3

Dalam contoh di bawah, kami sedang mencipta ungkapan matematik Σ n = 1.

<!DOCTYPE html>
<html>
<body>
   <math>
      <mrow>
         <munderover>
         <mo>Σ</mo>
         <mrow>
         <mi>n</mi>
         <mo>=</mo>
         <mn>1</mn>
      </mrow>
   </math>
</body>
</html>
Salin selepas log masuk

Apabila pengguna cuba melaksanakan skrip, ia memaparkan ungkapan matematik Σ n = 1 yang dijana menggunakan MathML pada halaman web.

Terjemahan bahasa Cina bagi

Contoh 4

ialah:

Contoh 4

Di bawah ini kita akan menjana ungkapan matematik a2 + b2 = c2.

<!DOCTYPE html>
<html>
<body>
   <math>
      <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>
Salin selepas log masuk

Apabila skrip dilaksanakan, ia akan menghasilkan output yang terdiri daripada ungkapan matematik "a2 + b2 = c2" yang dijana menggunakan MathML pada halaman web.

Atas ialah kandungan terperinci Contoh MathML dalam HTML5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:tutorialspoint.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan