รู้เบื้องต้นเกี่ยวกับ MathML - ภาษามาร์กอัปสำหรับคณิตศาสตร์

MathML เป็นภาษามาร์กอัปที่สามารถใช้ แสดงสัญลักษณ์ทางคณิตศาสตร์. คุณสามารถใช้แท็ก MathML ได้โดยตรงจาก HTML5 มันมีประโยชน์สำหรับเมื่อคุณต้องการที่จะแสดงสัญลักษณ์ทางคณิตศาสตร์ที่ง่ายกว่าในหน้าเว็บของคุณและมันค่อนข้างง่ายต่อการใช้งานเนื่องจาก ความเรียบง่ายและคล้ายคลึงกับ HTML.

MathML มีมาร์กอัปสองประเภท; การนำเสนอ (สำหรับเลย์เอาต์) และเนื้อหา (สำหรับความหมาย) เนื่องจากเบราว์เซอร์รองรับงานนำเสนอเท่านั้นเบราว์เซอร์จึงเป็นประเภทมาร์กอัปเท่านั้นที่สามารถใช้กับ HTML ได้ คุณยังสามารถใช้ CSS และ JavaScript ได้เช่นเดียวกับที่ทำบน HTML.

ลองดูที่ MathML.

การทำความเข้าใจ MathML

มีรายการองค์ประกอบ MathML ปัจจุบันในเว็บไซต์ Mozilla Developer ฉันได้ระบุองค์ประกอบที่ใช้ในตัวอย่างท้ายบทความนี้เพื่ออ้างอิงอย่างรวดเร็ว.

องค์ประกอบระดับบนสุดใน MathML คือ $$ องค์ประกอบเมื่อคุณเขียนรหัส MathML ใน HTML อย่าลืมใส่ไว้ใน $$ แท็ก.

,,, เป็นองค์ประกอบพื้นฐานที่เป็นตัวระบุตัวดำเนินการหมายเลขและสตริงตามลำดับ โปรดทราบว่าองค์ประกอบ MathML ทั้งหมดด้านล่างเริ่มต้นด้วยตัวอักษร 'm'.

นี่คือตัวอย่างง่ายๆ.

วิธีแสดงตัวยก & ตัวห้อย

องค์ประกอบสำหรับการแสดงตัวยก มีของ สำหรับห้อย.

$n^7$ 

วิธีการแสดงเศษส่วน

$\frac{7}{26}$ 

วิธีการแสดงจำนวนเต็มรูต

นี่เป็นอีกตัวอย่างที่ง่ายกว่าสำหรับการแสดงจำนวนเต็มรูต.

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

สำหรับรากที่สองเท่านั้นที่มี .

ทีนี้เรามาดูสัญลักษณ์ที่ซับซ้อนมากขึ้นเมทริกซ์.

วิธีการแสดงเมทริกซ์

ในการสร้างเมทริกซ์เราจะต้องมีโครงสร้างตารางสำหรับแถวและคอลัมน์ สำหรับสิ่งนี้เราใช้ , และ .

นอกจากนั้นเราจะใช้ แท็กเพื่อเพิ่มตัวดำเนินการ [ และ ] รอบเมทริกซ์และในที่สุดก็วางมันไว้ข้างใน องค์ประกอบองค์ประกอบที่กลุ่มการแสดงออก.

นี่คือผลลัพธ์สุดท้าย:

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

นอกจากนี้เรามาใส่ CSS สักหน่อยเพื่อทำให้ 'X' โดดเด่นในเมทริกซ์.

mi color: red;  

วิธีแสดงสมการอินทิกรัล

ด้านล่างเป็นตัวอย่างของสมการอินทิกรัลแบบพื้นฐาน ใช้เพื่อเพิ่มข้อ จำกัด ให้กับอินทิกรัล.

เช่นเดียวกับ HTML MathML ยังมีอักขระและเอนทิตีหนึ่งในนั้นถูกใช้ในตัวอย่างเพื่อแสดงสัญลักษณ์กรีกพี นี่คือวิธีแสดงสมการอินทิกรัลด้านบน:

$ฉ\left(x\right)=\int _{}^{ข}K(x,\mathrm{เสื้อ})\phi \left(\mathrm{เสื้อ}\right)d\mathrm{เสื้อ}$ 

สำหรับรายการเอนทิตีอักขระ MathML คลิกที่นี่เพื่อค้นหาในเว็บไซต์ W3C.

คุณสมบัติ MathML

นอกเหนือจากแอตทริบิวต์ที่เหมือนกันกับของ HTML (เช่น รหัส) MathML ยังมีชุดของคุณสมบัติของตัวเอง ไซต์นักพัฒนา Mozilla มีชุดของแอตทริบิวต์ MathML สำหรับการอ้างอิงของคุณ สำหรับทางเลือกคุณสามารถใช้ไลบรารี JavaScript MathJax หากคุณต้องการเครื่องมือเพิ่มเติมลองดูลิงค์นี้ที่นี่.

ฉันจะออกไปกับ codepen นี้ที่มีตัวอย่างทั้งหมดข้างต้นเพื่อการอ้างอิงของคุณง่าย.

รายการอ้างอิงขององค์ประกอบ MathML