2014-01-18 52 views
0

在我的html頁面中,我使用html特殊字符顯示了分數。我的想法是顯示1/2,2/2和3/3。具有相等分子和分母的分數的HTML特殊字符

我已經使用⅓ for 1/3⅔ for 2/3和特殊的字符正確顯示。我參考了這個鏈接HTML Special Characters

但是當我嘗試使用&frac33; for 3/3它不起作用。它只是照原樣顯示,而不是轉換成特殊字符。

難道你有人請告訴我什麼是3/3的html特殊字符。

謝謝

回答

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

結果: ⁄

+0

但隨着使用代碼的問題是,中3/3的字體大小比使用&frac13是有點大; – Minion

+0

只需將所有內容都轉換爲上面的代碼,如果尺寸不匹配,請不要使用&frac13 –

2

並非所有的分數都有自己的特殊字符。對於那些級分(如3/3)不具有傾斜的部分字符,使用HTML實體​​:

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

1

沒有名爲(或數字)字符對於代表3/3的字符的引用,因爲根本沒有這樣的字符。

理論上,可以在數字之間使用FRACTION SLASH U + 2044「/」字符(在HTML中表示爲​​),以表明呈現例程將組合作爲印刷部分。在實踐中,只有一些排版程序可以做到這一點,並且網頁瀏覽器遠沒有來臨。

試圖使用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

+0

感謝您告訴我一些我以前沒見過的新代碼。 – Minion

+0

未來的注意事項:cdn.mathjax.org即將結束其生命週期,請查看https://www.mathjax.org/cdn-shutting-down獲取遷移提示(也許可以爲將來的讀者更新您的文章)。 –