Displaying a square root with HTML
DZone's Guide to
Displaying a square root with HTML
Join the DZone community and get the full member experience.
Join For FreeJumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.
This post shows two ways of displaying a square root with HTML.
Pure HTML for older browsers. The following HTML source
√<span style="text-decoration: overline">2</span>is displayed as
√ 2Not all browsers display the above equally well, but it is always readable.
MathML for newer browsers. The following HTML source
<math><msqrt><mi>2</mi></msqrt></math>is displayed as
2With MathML being part of HTML5, all modern browsers support MathML. Which is a god-given for those of us who remember the HTML documents that were generated from LaTeX source files by converting formulae to bitmap graphics.
Related reading:
- Displaying math in HTML [mentions MathJax which allows you to use MathML in older browsers]
Take a look at an Indigo.Design sample application to learn more about how apps are created with design to code software.
Like This Article? Read More From DZone
Topics:
Opinions expressed by DZone contributors are their own.
{{ parent.title || parent.header.title}}
{{ parent.tldr }}
{{ parent.linkDescription }}
{{ parent.urlSource.name }}