الكورس

Advertisements

HTML5 MathML


تسمح بنية HTML لـ HTML5 باستخدام عناصر MathML داخل مستند باستخدام علامات <math> … </math>.

 

البنية الخاصة بعنصر math:

<math> child elements </math>

 

مثال 1:

<math> 
    <mrow> 
        <mrow> 
            <msup> 
                <mi>a</mi> 
                <mn>2</mn> 
            </msup> 
            <mo>+</mo> 
            <msup> 
                <mi>b</mi> 
                <mn>2</mn> 
            </msup> 
        </mrow> 
        <mo>=</mo> 
        <msup> 
            <mi>z</mi> 
            <mn>2</mn> 
        </msup> 
    </mrow> 
</math> 
a 2 + b 2 = z 2
يستخدم عنصر mrow في HTML5 لإنشاء صف يحتوي على بعض التعبيرات الرياضية أو أي نص عشوائي.

 

مثال 2:

<math>
    <mrow>			
    <mrow>
        
        <msup>
            <mi>a</mi>
            <mn>3</mn>
        </msup>
            
        <mo>+</mo>
            
        <mrow>
            <mn>7</mn>
            <mo>⁢</mo>
            <mi>a</mi>
        </mrow>
            
        <mo>+</mo>
        <mn>7</mn>
            
    </mrow>
        
    <mo>=</mo>
    <mn>0</mn>
            
    </mrow>
</math>
a 3 + 7 a + 7 = 0

 

مثال 3:

<math>
    <mrow>
    <mi>X</mi>
    <mo>=</mo>
    
    <mfenced open = "[" close="]">
    
        <mtable>
            <mtr>
                <mtd><mi>a</mi></mtd>
                <mtd><mi>b</mi></mtd>
            </mtr>
            
            <mtr>
                <mtd><mi>z</mi></mtd>
                <mtd><mi>y</mi></mtd>
            </mtr>
        </mtable>
        
    </mfenced>
    </mrow>        
</math>
X = a b z y
يستخدم عنصر mfenched في HTML5 لإضافة أقواس فتح وإغلاق مخصصة.

 

مثال 4:

<math>
    <mrow>
        <mi> x </mi>
        <mo> + </mo>
        <mrow>
            <mi> a </mi>
            <mo> / </mo>
            <mi> b </mi>
        </mrow>
        </mrow>
</math>
x + a / b

 

السمات المستخدمة مع عنصر <math>

 

تقبل بعض السمات التاليه:

  • mathbackground: هذه السمة تحمل قيمة لون خلفية التعبيرات الرياضية.
  • mathcolor: هذه السمة تحمل لون التعبيرات الرياضية.

 

يمكنك إستخدام السمات العادية الأخرى أيضًا مثل (class و id و style و href …إلخ).


الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

info@albashmoparmeg.com

شكرًا لك على مساعدتك لنا!

Advertisements