什么是在HTML 5中进行自定义分数的基于标准/语义的方法

Question

类似问题：如何使用html编写分数值？

我的问题不同的地方：

1. 在HTML 5中使用^{和_{标签被认为是做分数的"标准方法"吗？}}
2. 如果没有，自定义分数应该以什么方式完成？

进一步澄清：

我不是在问如何在HTML 5中做custum分数。我正在寻找标准或最佳实践是什么。我已经见过很多不同的技术，我正在寻找来自信誉良好的来源的可靠参考，说明语义和 Web 标准方面的最佳方法是什么。

Answer 1

在HTML5中做分数的最正确方法可能是使用MathML。不能获得比<mfrac>元素更多的分数语义。

您可以这样做：

<math>
  <mfrac bevelled="true">
    <mn>99</mn>
    <mn>100</mn>
  </mfrac>
</math>

但是使用尖端东西的问题在于它在浏览器中还没有得到广泛的支持。快速测试表明，它目前仅适用于Firefox和Opera。

在这里看到它： https://jsfiddle.net/6sfeqcw5/

Answer 2

HTML5 中的自定义分数没有标准。（HTML5甚至没有接近标准。一般来说，在 HTML 中没有为它们建立的最佳实践。似乎没有正在进行的工作来定义这方面的标准或最佳做法。

Answer 3

我没有参考，但这是我的观点：sup 和 sub 是显示标签，除非极少数情况，否则不应使用。这个来源 http://www.webdesignfromscratch.com/html-css/list-of-html-tags-with-semantic-usage/提到了化学式，这是一个很好的例子，因为在它们的情况下，文本的位置具有语义意义。

我不认为分数属于这些情况。分数可以用多种方式显示，如下所述：http://en.wikipedia.org/wiki/Fraction_（数学）#Writing_simple_fractions

因此，您可能应该只使用像span标签这样的通用解决方案。