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 FreeBugsnag monitors application stability, so you can make data-driven decisions on whether you should be building new features, or fixing bugs. Learn more.
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]
Monitor application stability with Bugsnag to decide if your engineering team should be building new features on your roadmap or fixing bugs to stabilize your application.Try it free.
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 }}