در توسینسو تدریس کنید

و

با دانش خود درآمد کسب کنید

معرفی MathML و نوشتن فرمول ریاضی در Html

با سلام به همه دوستان و همراهان Itpro. امیدوارم که حال همه شما خوب باشد. قصد دارم در این مطلب در مورد یکی از امکانات HTML 5 صحبت کنم. این امکان این توانایی را به شما می‌دهد که در داخل صفحه های HTML بتوانید از فرمول های ریاضی استفاده کنید. و لازم نیست که عکس آن فرمول ها را در صفحه قرار دهید. این قابلیت mathML نام داردکه دارای چندین تگ می‌باشد.اکثر مرورگرها این قابلیت را پشتیبانی می نمایند. وقتی که می‌خواهیم از این قابلیت استفاده کنیم باید فرمول خود را در داخل تگی به نام math بنویسیم. برای مثال به فرمول ساخته شده توسط کد زیر دقت کنید:

<!doctype html>
<html>

   <head>
      <meta charset="UTF-8">
      <title>Pythagorean theorem</title>
   </head>
        
   <body>
        
      <math xmlns="http://www.w3.org/1998/Math/MathML">
                
         <mrow>
            <msup><mi>a</mi><mn>2</mn></msup>
            <mo>+</mo>
                                
            <msup><mi>b</mi><mn>2</mn></msup>
            <mo>=</mo>
                                
            <msup><mi>c</mi><mn>2</mn></msup>
         </mrow>
                        
      </math>
                
   </body>
</html> 

خروجی کدهای بالا به شکل زیر خواهد بود:

معرفی MathML و نوشتن فرمول ریاضی در Html

حال با استفاده از mathML می‌توان فرمول های پیچیده‌تری نیز نوشت مانند مثال زیر:

<!doctype html>
<html>

   <head>
      <meta charset="UTF-8">
      <title>MathML Examples</title>
   </head>
        
   <body>
        
      <math xmlns="http://www.w3.org/1998/Math/MathML">
                
         <mrow>                 
            <mrow>
                                
               <msup>
                  <mi>x</mi>
                  <mn>2</mn>
               </msup>
                                        
               <mo>+</mo>
                                        
               <mrow>
                  <mn>4</mn>
                  <mo>⁢</mo>
                  <mi>x</mi>
               </mrow>
                                        
               <mo>+</mo>
               <mn>4</mn>
                                        
            </mrow>
                                
            <mo>=</mo>
            <mn>0</mn>
                                 
         </mrow>
      </math>
                
   </body>
</html> 

همچنین می‌توان از این امکان برای نمایش دادن ماتریس ها نیز استفاده نمود. برای مثال یک ماتریس ۲*۲ را به شکل زیر نمایش می‌دهیم

<!doctype html>
<html>

   <head>
      <meta charset="UTF-8">
      <title>MathML Examples</title>
   </head>
        
   <body>
      <math xmlns="http://www.w3.org/1998/Math/MathML">
                
         <mrow>
            <mi>A</mi>
            <mo>=</mo>
                        
            <mfenced open="[" close="]">
                        
               <mtable>
                  <mtr>
                     <mtd><mi>x</mi></mtd>
                     <mtd><mi>y</mi></mtd>
                  </mtr>
                                        
                  <mtr>
                     <mtd><mi>z</mi></mtd>
                     <mtd><mi>w</mi></mtd>
                  </mtr>
               </mtable>
               
            </mfenced>
         </mrow>
      </math>
      
   </body>
</html> 

خروجی این کد به شکل زیر خواهد بود.

معرفی MathML و نوشتن فرمول ریاضی در Html

دقت داشته باشید که این امکان در مرورگر کروم و اینترنت اکسپلورر پشتیبانی نمی شود و برای این که پشتیبانی شود باید از یک کتابخانه جاوااسکریپتی به نام MathJax استفاده کنید. امیدوارم این امکان برای شما مفید بوده باشد. Itpro باشید

نویسنده: مهدی عادلی فر

منبع: انجمن تخصصی فناوری اطلاعات ایران

هرگونه نشر و کپی برداری بدون ذکر منبع و نام نویسنده دارای اشکال اخلاقی می باشد.

#آموزش_تگ_ها_در_html #آموزش_html #نوشتن_فرمول_در_html #tag_ها_در_html #استفاده_از_تگ_های_html #تگ_math_در_html
0 نظر

هیچ نظری ارسال نشده است! اولین نظر برای این مطلب را شما ارسال کنید...

نظر شما
برای ارسال نظر باید وارد شوید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر
×

تو می تونی بهترین نتیجه رو تضمینی با بهترین های ایران بدست بیاری ، پس مقایسه کن و بعد خرید کن : فقط توی جشنواره تابستانه می تونی امروز ارزونتر از فردا خرید کنی ....