How should I express fractions like 15/16ths in HTML?

Question

I know there are HTML entities for 1/2, 1/4, and 3/4, but are there others? Like 1/3 or 1/8? Is there a good way to encode arbitrary fractions?

Horizontal line request: http://stackoverflow.com/questions/13878772/how-to-display-classic-fractions-in-css-javascript — Ciro Santilli OurBigBook.com, Apr 17 '17 at 11:00

score 43 · Accepted Answer · edited Jul 22 '16 at 07:32

43

how about ¹⁵⁄₁₆? (15&frasl;16)

edited Jul 22 '16 at 07:32

Daniel Wolf

12,855
13
54
80

answered Oct 06 '08 at 06:37

Henrik Paul

66,919
31
85
96

3

Ideally would use `⁄` for the slash – dajoto Nov 06 '13 at 12:03

scronide · Answer 2 · 2012-02-28T17:55:22.040

28

1/2 → &#189; or &frac12;
1/4 → &#188; or &frac14;
3/4 → &#190; or &frac34;
1/8 → &#8539; or &frac18;
3/8 → &#8540; or &frac38;
5/8 → &#8541; or &frac58;
7/8 → &#8542; or &frac78;
1/3 → &#8531;
2/3 → &#8532;
1/5 → &#8533;
2/5 → &#8534;
3/5 → &#8535;
4/5 → &#8536;
1/6 → &#8537;
5/6 → &#8538;

...but you could also encode them as decimals: 15/16 = 0.9375 ;)

edited Feb 28 '12 at 17:55

answered Oct 06 '08 at 07:02

scronide

12,012
3
28
33

2

The equivalent decimal codes do, however, appear to work for ⅛ to ⅞ in IE. I'll update my answer to include them. – scronide Feb 28 '12 at 17:49

score 11 · Answer 3 · answered Oct 06 '08 at 09:11

For the existing fractions as Unicode codepoints (which are mapped to by HTML entities), search for "vulgar fraction" in the Unicode Character Names Index.

Now, for generic fractions, which work in HTML but also work in plain text, use the super- and subscript digits (see Unicode Codepoint Chart, search for "Superscripts") separated by the fraction slash character.

Your example implemented as above:

¹⁵⁄₁₆

score 1 · Answer 4 · answered Oct 06 '08 at 06:34

1

Isn't just 15/16ths alright? Or even 15/16^ths (15/16ths)?

answered Oct 06 '08 at 06:34

Darryl Hein

142,451
95
218
261

7

There's no need to spell out the "ths". 15/16 is pronounced "fifteen sixteenths". – Bill the Lizard Oct 06 '08 at 17:45

score 1 · Answer 5 · answered Oct 06 '08 at 07:48

1

For more complex scenarios there is also MathML. The support for this is slowly getting better. Internet Explorer seems to lag behind with this as well.

answered Oct 06 '08 at 07:48

Aleksi Yrttiaho

8,266
29
36

score 0 · Answer 6 · edited Apr 13 '15 at 16:55

This would depend on your exact needs and audience. For most purposes many methods would be appropriate. 15/16, 15 parts of 16, 93.75%, ¹⁵/₁₆ all mean the same, you might even use symbols like ++++++++++++++-

For some more complex scenarios you will need more complex solutions more like LaTeX than html. I believe there are also server side components that take LaTeX descriptions and create images that are browser compatible, such as described here: http://www.fauskes.net/nb/htmleqII/

score 0 · Answer 7 · answered Oct 06 '08 at 07:48

0

There is also a standard called MathML. But is for XML unfortunately. However if you have more expressions you might consider switching to basic XML.

answered Oct 06 '08 at 07:48

Marcin Gil

68,043
8
59
60

score 0 · Answer 8 · edited Oct 15 '22 at 18:18

0

In HTML, this can be done with Unicode code 2044, preceded by &#x and ending with a semicolon. The whole thing is placed between the numerator and the denominator.

For instance, with this solution, 15 divided by 16 in HTML is rendered like this: 15⁄16

This works for combinations of integers acting as numerators and denominators.

edited Oct 15 '22 at 18:18

Ravi Saroch

934
2
13
28

answered Oct 06 '22 at 18:59

Edel Garcia

1
1

How should I express fractions like 15/16ths in HTML?

8 Answers8

¹⁵⁄₁₆

Linked