<< Chapter < Page Chapter >> Page >

The point of specialized token construct is visually made through yet another example given belwo. Two simultaneous examples are implemented, using an entity reference “&RightArrow;” . Note the impact of using “mover” element on the character reference “&RightArrow;” . Compare the two outputs. Though the lay out of the arrow and text has not changed, but the arrow is stretched to accommodate the length of the text !

Modified rendering

<m:math display="block"> <m:mrow> <m:mi> x </m:mi> <m:mo> &RightArrow; </m:mo> <m:mtext> maps to </m:mtext> <m:mi> y </m:mi> </m:mrow> </m:math> <m:math display="block"> <m:mrow> <m:mi> x </m:mi> <m:mover> <m:mo> &RightArrow; </m:mo> <m:mtext> maps to </m:mtext> </m:mover> <m:mi> y </m:mi> </m:mrow> </m:math>

Save the file after editing as “test.xml”. The display looks like :

x maps to y x maps to y

"mi" token element

The “mi” element is used to display mathematical identifiers. Identifiers in MathML include literals, constants, name of the angle, trigonometric function etc. The example, here, displays both single and multi character identifiers.

Display with mi element

<m:math display="block"> <m:mtext>I is displayed as : </m:mtext> <m:mi> I </m:mi> <m:mtext>&nbsp;&nbsp;and trigonometric sine function is displayed as : </m:mtext> <m:mi> sin </m:mi> <m:mi> θ </m:mi> </m:math>

Save the file after editing as “test3.xml”. The display looks like :

I is displayed as : I and trigonometric sine function is displayed as : sin θ

Here "&nbsp;" has been used to create two spaces to improve readability.

Note that default rendering of a single character by "mi" element is italic – as against "normal". Multiple characters are, however, displayed as normal. It means that if we want to have a normal display, then we would require to override the default behavior of the ‘mi” element and specify normal display, using “mathvariant” attribute as demonstrated in the example below.

Display with mi element

<m:math display="block"> <m:mtext>Normal I is :&nbsp;&nbsp;</m:mtext> <m:mi mathvariant='normal'> I </m:mi> </m:math>

Save the file after editing as “test3.xml”. The display looks like :

Normal I is : I

The presentation style of a single character in italic form is not without any reason. This suggests that we might be using single character mostly in italic form for mathematical display. In any case, if you differ, you can change the same to normal.

The “mi” element renders character or sequence of characters without any surrounding space. This element together with other character rendering elements (“mn” and “mo”) forms the building blocks of mathematical display, using MathML. It must also be observed that “mi” implements common attributes available for the token element and does not implement additional attributes or attributes specific to the element.

"mn" token element

The “mn” element is a flexible constructor to display unsigned real numbers of various types and formats, including decimals or combination of characters, which convey real number. In the scheme of the rendering of mathematical content under MathML environment, it is preferred to keep sign as an operator and its rendering with "mo" element. This approach is consistent with spacing (inter elements) requirement of operator display.

Display of real numbers

<m:math display="block"> <m:mtext>Forty: </m:mtext> <m:mn> Forty ;</m:mn> <m:mtext>10 : </m:mtext><m:mn> 10 ; &nbsp;</m:mn> <m:mtext>4.23: </m:mtext> <m:mn> 4.23 ; &nbsp;</m:mn> <m:mtext>1,000: </m:mtext> <m:mn> 1,000 ; &nbsp;</m:mn> <m:mtext>0.1e10: </m:mtext> <m:mn> 0.1e10 ; &nbsp;</m:mn> <m:mtext>CX: </m:mtext> <m:mn> CX ; &nbsp;</m:mn> </m:math>

Save the file after editing as “test.xml”. The display looks like :

Forty: Forty ; 10 : 10 ; 4.23: 4.23 ; 1,000: 1,000 ; 0.1e10: 0.1e10 ; CX: CX ;

Note that default rendering style of the characters are “normal” and as such, we do not need to use “mathvariant” attribute to set the display normal. The “mn” element, however, is not suitable for all kinds of numbers. For example, following constants are displayed using “mi” element : <mi> &pi; </mi> <mi> &ImaginaryI; </mi> <mi> &ExponentialE; </mi>

Numbers displayed by mi element

<m:math display="block"> <m:mtext>Complex number : &ThinSpace;</m:mtext> <m:mn> 1 </m:mn> <m:mo> + </m:mo> <m:mn> 2 </m:mn> <m:mo> &InvisibleTimes; </m:mo> <m:mi> &ImaginaryI;</m:mi> </m:math>

Save the file after editing as “test.xml”. The display looks like :

Complex number :   1 + 2

A ratio, on the other hand, is presented with the help of “mfrac” element. See the example code for displaying a ratio of the form (p/q) :

Numbers not displayed by “mfrac” element

<m:math display="block"> <m:mtext>Ratio is :</m:mtext> <m:mfrac> <m:mn> 22 </m:mn> <m:mn> 7 </m:mn> </m:mfrac><m:mi> ; </m:mi> </m:math>

Save the file after editing as “test.xml”. The display looks like :

Ratio is : 22 7 ;

Questions & Answers

Discuss the differences between taste and flavor, including how other sensory inputs contribute to our  perception of flavor.
John Reply
taste refers to your understanding of the flavor . while flavor one The other hand is refers to sort of just a blend things.
Faith
While taste primarily relies on our taste buds, flavor involves a complex interplay between taste and aroma
Kamara
which drugs can we use for ulcers
Ummi Reply
omeprazole
Kamara
what
Renee
what is this
Renee
is a drug
Kamara
of anti-ulcer
Kamara
Omeprazole Cimetidine / Tagament For the complicated once ulcer - kit
Patrick
what is the function of lymphatic system
Nency Reply
Not really sure
Eli
to drain extracellular fluid all over the body.
asegid
The lymphatic system plays several crucial roles in the human body, functioning as a key component of the immune system and contributing to the maintenance of fluid balance. Its main functions include: 1. Immune Response: The lymphatic system produces and transports lymphocytes, which are a type of
asegid
to transport fluids fats proteins and lymphocytes to the blood stream as lymph
Adama
what is anatomy
Oyindarmola Reply
Anatomy is the identification and description of the structures of living things
Kamara
what's the difference between anatomy and physiology
Oyerinde Reply
Anatomy is the study of the structure of the body, while physiology is the study of the function of the body. Anatomy looks at the body's organs and systems, while physiology looks at how those organs and systems work together to keep the body functioning.
AI-Robot
what is enzymes all about?
Mohammed Reply
Enzymes are proteins that help speed up chemical reactions in our bodies. Enzymes are essential for digestion, liver function and much more. Too much or too little of a certain enzyme can cause health problems
Kamara
yes
Prince
how does the stomach protect itself from the damaging effects of HCl
Wulku Reply
little girl okay how does the stomach protect itself from the damaging effect of HCL
Wulku
it is because of the enzyme that the stomach produce that help the stomach from the damaging effect of HCL
Kamara
function of digestive system
Ali Reply
function of digestive
Ali
the diagram of the lungs
Adaeze Reply
what is the normal body temperature
Diya Reply
37 degrees selcius
Xolo
37°c
Stephanie
please why 37 degree selcius normal temperature
Mark
36.5
Simon
37°c
Iyogho
the normal temperature is 37°c or 98.6 °Fahrenheit is important for maintaining the homeostasis in the body the body regular this temperature through the process called thermoregulation which involves brain skin muscle and other organ working together to maintain stable internal temperature
Stephanie
37A c
Wulku
what is anaemia
Diya Reply
anaemia is the decrease in RBC count hemoglobin count and PVC count
Eniola
what is the pH of the vagina
Diya Reply
how does Lysin attack pathogens
Diya
acid
Mary
I information on anatomy position and digestive system and there enzyme
Elisha Reply
anatomy of the female external genitalia
Muhammad Reply
Organ Systems Of The Human Body (Continued) Organ Systems Of The Human Body (Continued)
Theophilus Reply
what's lochia albra
Kizito
Got questions? Join the online conversation and get instant answers!
Jobilize.com Reply

Get Jobilize Job Search Mobile App in your pocket Now!

Get it on Google Play Download on the App Store Now




Source:  OpenStax, A primer in mathml. OpenStax CNX. Apr 19, 2006 Download for free at http://cnx.org/content/col10345/1.16
Google Play and the Google Play logo are trademarks of Google Inc.

Notification Switch

Would you like to follow the 'A primer in mathml' conversation and receive update notifications?

Ask