MathML - Subskrip dan Superskrip

Hai, para matematikawan dan pengembang web yang sedang berkembang! Hari ini, kita akan mendalam ke dunia yang menarik MathML, khususnya fokus pada subskrip dan superskrip. Sebagai guru komputer tetangga yang ramah, saya sangat gembira untuk memandu Anda dalam perjalanan ini. Mari kita buat notasi matematika di web menjadi mudah!

Apa Itu Subskrip dan Superskrip?

Sebelum kita masuk ke kode, mari kita pahami apa subskrip dan superskrip adalah. Bayangkan Anda menulis formula kimia seperti H₂O atau membahas eksponen seperti x². Angka kecil di bawah atau di atas teks utama? Itulah subskrip dan superskrip!

• Subskrip: Karakter kecil yang muncul sedikit di bawah garis teks normal.
• Superskrip: Karakter kecil yang muncul sedikit di atas garis teks normal.

Sintaks

Dalam MathML, kita menggunakan dua elemen utama untuk subskrip dan superskrip:

1. <msub>: Untuk subskrip
2. <msup>: Untuk superskrip

Mari kitauraikan sintaks:

<msub>
<mi>base</mi>
<mi>subscript</mi>
</msub>

<msup>
<mi>base</mi>
<mi>superscript</mi>
</msup>

Di sini, <mi> berarti "identifikasi matematika," yang biasanya digunakan untuk variabel atau nama fungsi.

Parameter

Kedua <msub> dan <msup> mengambil dua elemen anak:

1. Elemen dasar ( apa yang Anda tambahkan subskrip atau superskrip kepadanya)
2. Elemen skrip (subskrip atau superskrip sebenarnya)

Atribut

Meskipun <msub> dan <msup> tidak memiliki atribut khusus sendiri, mereka mewarisi atribut global MathML. Beberapa yang umum meliputi:

Atribut	Deskripsi
class	Memberikan nama kelas ke elemen
id	Menyediakan identifikasi unik untuk elemen
style	Mengaplikasikan gaya CSS inline

Contoh

Ayo lihat beberapa contoh praktis untuk benar-benar memahami bagaimana elemen ini bekerja.

Contoh 1: Formula Kimia (H₂O)

<math xmlns="http://www.w3.org/1998/Math/MathML">
<mrow>
<mi>H</mi>
<msub>
<mn>2</mn>
<mi>O</mi>
</msub>
</mrow>
</math>

Dalam contoh ini, kita membuat formula air. Elemen <mrow> mengelompokkan H dan O yang disubskripkan bersama. Elemen <msub> membuat subskrip, dengan 2 sebagai dasar dan O sebagai subskrip.

Contoh 2: Eksponen (x²)

<math xmlns="http://www.w3.org/1998/Math/MathML">
<msup>
<mi>x</mi>
<mn>2</mn>
</msup>
</math>

Di sini, kita menggunakan <msup> untuk membuat x pangkat 2. Dasar adalah x, dan superskrip adalah 2.

Contoh 3: Menggabungkan Subskrip dan Superskrip

<math xmlns="http://www.w3.org/1998/Math/MathML">
<msubsup>
<mi>a</mi>
<mi>i</mi>
<mi>j</mi>
</msubsup>
</math>

Contoh ini memperkenalkan <msubsup>, yang memungkinkan kita menambahkan baik subskrip maupun superskrip ke elemen dasar yang sama. Itu seperti mengatakan "a pangkat j, subskrip i".

Output

Ketika dirender dengan benar oleh browser yang mendukung MathML, contoh ini seharusnya terlihat seperti ini:

1. H₂O
2. x²
3. a_i^j

Ingat, tidak semua browser mendukung MathML secara native, jadi Anda mungkin perlu menggunakan polyfill atau pustaka JavaScript seperti MathJax untuk rendering konsisten di semua browser.

Tips Praktis

1. Simpanlah simple: Mulai dari formula dasar dan perlahan-lahan tingkatkan kompleksitasnya.
2. Periksa dukungan browser: Selalu tes MathML Anda di berbagai browser.
3. Gunakan identifikasi yang bermakna: Daripada <mi>x</mi>, pertimbangkan <mi>variable</mi> untuk kebacaan yang lebih baik.

Kesimpulan

Selamat! Anda telah mengambil langkah pertama ke dunia MathML subskrip dan superskrip. Ingat, latihan membuat sempurna. Cobalah membuat beberapa formula dari buku teks matematika Anda atau ciptakan ekspresi matematika Anda sendiri.

Saat kita menutup, saya teringat tentang murid yang pernah mengatakan kepadaku, "Matematika hanya adalah cara yang khusus menulis ide-ide sederhana." Dengan MathML, kita membuat tulisan khusus ini dapat diakses oleh semua orang di web!

Terus jelajah, terus kod, dan terutama, terus bersenang-senang dengan matematika!

Credits: Image by storyset