MathML - Subscript dan Superscript

Halo, para matematikawan dan pengembang web yang bersemangat! Hari ini, kita akan meluncur ke dunia yang menarik dari MathML, khususnya fokus pada subskrip dan superskrip. Sebagai guru komputer tetangga yang ramah, saya sangat gembira untuk memandu Anda dalam perjalanan ini. Mari membuat 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 rumus kimia seperti H₂O atau membicarakan eksponen seperti x². Angka kecil di bawah atau di atas teks utama? Itu adalah 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 naskah (subskrip atau superskrip yang sebenarnya)

Atribut

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

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

Contoh

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

Contoh 1: Rumus 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 menciptakan rumus air. Elemen <mrow> mengelompokkan H dan O yang dibsubskripkan bersama. Elemen <msub> menciptakan 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 menciptakan x kuadrat. 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 yang konsisten di semua browser.

Tips Praktis

1. Permainkanlah yang sederhana: Mulai dengan rumus 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 baru saja mengambil langkah pertama ke dunia MathML subskrip dan superskrip. Ingat, latihan membuat sempurna. Cobalah menciptakan beberapa rumus dari buku teks matematika Anda atau inovasi ekspresi matematika Anda sendiri.

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

Terus jelajahi, terus kodifikasi, dan terutama, terus bersenang-senang dengan matematika!

Credits: Image by storyset