مقدمة في MathML - لغة الترميز للرياضيات

MathML هي لغة ترميز يمكن استخدامها عرض الرموز الرياضية. يمكنك استخدام علامات MathML مباشرة من HTML5. يُعد هذا مفيدًا عندما ترغب في عرض أكثر من مجرد علامات الرياضيات البسيطة في صفحات الويب الخاصة بك ، كما أنه سهل الاستخدام نظرًا لوجودها البساطة والتشابه إلى HTML.

MathML له نوعان من العلامات ؛ العرض (للتخطيط) والمحتوى (للمعنى). نظرًا لأن المتصفحات فقط تدعمها المستعرضات ، فهذا هو نوع العلامات الوحيد الذي يمكن استخدامه مع HTML. يمكنك أيضًا استخدام CSS و JavaScript عليه تمامًا مثل HTML.

دعنا نلقي نظرة على MathML.

فهم MathML

هناك قائمة بعناصر MathML الحالية في موقع Mozilla Developer. لقد أدرجت أيضًا العناصر المستخدمة في الأمثلة الموجودة في نهاية هذا المنشور للرجوع إليها بسرعة.

العنصر الأعلى في MathML هو $$ عنصر ، عندما تكتب كود MathML في HTML ، تذكر وضعه داخل $$ علامات.

,,, هي العناصر الأساسية التي تمثل المعرف والمشغل والرقم والسلسلة على التوالي. لاحظ أن جميع عناصر MathML أدناه تبدأ بالحرف "m".

فيما يلي بعض الأمثلة البسيطة.

كيفية عرض مرتفع و منخفض

ال العنصر هو عرض مرتفع. هناك للمشتركين.

${ن}^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 اللون: أحمر؛  

كيفية عرض المعادلات المتكاملة

فيما يلي مثال لنوع أساسي من المعادلة التكاملية. ال يستخدم لإضافة الحدود إلى لا يتجزأ.

مثل HTML ، يحتوي MathML أيضًا على أحرف وكيانات ، يتم استخدام أحدها في المثال لإظهار رمز phi اليوناني. إليك كيفية عرض المعادلة المدمجة أعلاه:

$F\left(س\right)=\int _{ا}^{ب}ك(س,\mathrm{تي})\phi \left(\mathrm{تي}\right)د\mathrm{تي}$ 

للحصول على قائمة بكيانات أحرف MathML ، انقر هنا للعثور عليها على موقع W3C.

سمات MathML

بصرف النظر عن السمات التي تتشابه مع سمات HTML (مثل هوية شخصية) ، MathML لديه أيضا مجموعة من السمات الخاصة بهم. يحتوي موقع Mozilla Developer على مجموعة من سمات MathML للرجوع اليها. بالنسبة للعاودة ، يمكنك استخدام مكتبة JavaScript MathJax. إذا كنت بحاجة إلى المزيد من الأدوات ، تحقق من هذا الرابط هنا.

أود أن أغادر إجازتي مع هذا codepen الذي يحتوي على جميع الأمثلة المذكورة أعلاه ، للرجوع إليها بسهولة.

قائمة مرجعية لعناصر MathML