具有相等分子和分母的分数的HTML特殊字符

时间:2014-01-18 20:30:25

标签: html special-characters

在我的html页面中,我使用html特殊字符显示了分数。我的想法是显示1 / 2,2 / 2和3/3。

我使用了⅓ for 1/3⅔ for 2/3,并且正确显示了特殊字符。我参考了这个链接HTML Special Characters

但是当我尝试使用&frac33; for 3/3时,它无效。它只是按原样显示,而不是转换为特殊字符。

请问有人请告诉我3/3的html特殊字符是什么。

谢谢

3 个答案:

答案 0 :(得分:2)

<sup>3</sup>&frasl;<sub>3</sub>

结果: 3 / 3

答案 1 :(得分:2)

并非所有分数都有自己的特殊字符。对于那些没有倾斜分数字符的分数(如3/3),请使用HTML实体&frasl;

<sup>3</sup>&frasl;<sub>3</sub> = 3 / 3

答案 2 :(得分:1)

对于代表3/3的字符,没有命名(或数字)字符引用,因为根本就没有这样的字符。

理论上,可以在数字之间使用FRACTION SLASH U + 2044“/”字符(在HTML中可表示为&frasl;)以表示渲染例程将组合表示为印刷部分。在实践中,只有一些排版程序可以做到这一点,并且Web浏览器无处可去。

尝试使用HTML标记和/或CSS来构建看起来像印刷部分的东西(相当于外观的½)往往会产生混乱的结果,包括不均匀的行间距。

实用选项是使用像2/2这样的常用符号。但是如果你想要一个类似印刷分数的东西,你可以将MathML与MathJax一起使用。更确切地说,您将使用MathML中的mfrac元素和属性bevelled="true"。示例代码:

<!doctype html>
<title>Fractions with MathJax and MathML</title>
<script src=
"http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
Here we have the common fraction ½, then
a simulation with HTML and CSS:
<sup>1</sup>&frasl;<sub>2</sub>.
Note that this tends to create uneven line spacing.
There are some cures to that, but let us see how MathML works:
<math>
<mfrac bevelled="true">
    <mn>1</mn>
    <mn>2</mn>
</mfrac>
</math>.
Some text here to demonstrate that line spacing has not
been disturbed here.

示例渲染:

enter image description here