MathML- Derivatives
Written by 30 May 2013
Derivatives are shown with special characters in mathematics. A single or multi-primes, Del symbol and etc. have their own meanings to the mathematicians. So when you deal with them, it is important to handle them efficiently. This snippet illustrates different kinds of derivatives with HTML5 MathML5. With these simple and complex examples you should find what you need for your own formula.
Code Snippet:
<!-- this script is provided by www.html5freecode.com coded by: Kerixa Inc. -->
<!-- This Script is from www.html5freecode.com, Coded by: Kerixa Inc-->
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<body style="font-size: 16pt;">
<math xmlns='http://www.w3.org/1998/Math/MathML' display='block'>
<msup>
<mi>f</mi>
<mo>′</mo>
</msup>
<mfenced separators=' '>
<mi>x</mi>
</mfenced>
<mi>=</mi>
<mfrac>
<mrow>
<mo>d</mo>
<mi>f</mi>
</mrow>
<mrow>
<mo>d</mo>
<mi>x</mi>
</mrow>
</mfrac>
<mspace width="50px"/>
<msup>
<mo>∇</mo>
<mn>2</mn>
</msup>
<mi>f</mi>
<mfenced separators=' '>
<mi>x</mi>
</mfenced>
<mi>=</mi>
<mfrac>
<mrow>
<msup>
<mrow>
<mo>∂</mo>
<mspace width="2px"/>
</mrow>
<mn>2</mn>
</msup>
<mi>f</mi>
</mrow>
<mrow>
<mo>∂</mo>
<mspace width="5px"/>
<msup>
<mi mathvariant="bold">x</mi>
<mn>2</mn>
</msup>
</mrow>
</mfrac>
</math>
<math xmlns='http://www.w3.org/1998/Math/MathML' display='block'>
<mspace height="70px"/>
<msup>
<mi>h</mi>
<mo>‴</mo>
</msup>
<mfenced separators=' '>
<mi>Ψ</mi>
<mfenced separators=' '>
<mi>x</mi>
</mfenced>
</mfenced>
<mo>=</mo>
<mfrac>
<mrow>
<msup>
<mrow>
<mo>∂</mo>
<mspace width="2px"/>
</mrow>
<mn>3</mn>
</msup>
</mrow>
<mrow>
<mo>∂</mo>
<mspace width="5px"/>
<msup>
<mi>x</mi>
<mn>3</mn>
</msup>
</mrow>
</mfrac>
<mfenced separators=' '>
<mfrac>
<mrow>
<mo>sin</mo>
<mfenced>
<mi>x</mi>
</mfenced>
<mo>+</mo>
<mn>4</mn>
<msup>
<mi>x</mi>
<mn>3</mn>
</msup>
</mrow>
<mrow>
<mo>cos</mo>
<mfenced>
<msup>
<mi>x</mi>
<mn>3</mn>
</msup>
</mfenced>
<mo>-</mo>
<mn>4</mn>
<mi>x</mi>
</mrow>
</mfrac>
</mfenced>
</math>
</body>
<div style="text-align: center"><font face="Tahoma"><br><a target="_blank" href="http://www.html5freecode.com"><span style="font-size: 8pt; text-decoration: none">HTML5 Free Code</span></a></font></div><a target='_blank' href='www.html5freecode.com' style='font-size: 8pt; text-decoration: none'>Html5 Free Codes</a>
Example:
Let's stay in touch
Get the latest and greatest javascript codes directly to your mail
TRENDING POST
VISITORS
Online Users:
12
Recent Members:
FOTPU
Comments
Here you can leave us commments. Let us know what you think about this code tutorial!