最近做H5应用遇到了一个棘手的問题,怎么在网页上排版中学题目问题关键在于,现在的中学题目具有太丰富的形式,在网页设计的时候有许多情形要考虑,列几條:
- 题目篇幅太长一般还带有阅读材料,主要体现在语文和英语上
- 图文混排格式比较杂
- 理科还有各种公式之类的
- 选项多样,单选多選
这么看来,在线教育的题库确实是个比较重要的问题。
在做这个的时候发现一些小的技巧可以解决许多理科排版上的问题,拿出来汾享一下当然,粗暴一点通过文字+图片的形式,其实可以解决所有的题目排版的就是比较费功夫。
用途:平方、立方及n次方等
排版:使用HTMLinput的sup标签
排版:使用HTMLinput的sub标签
排版:使用√+上划线合成
分数只能通过斜杠来表示例如1/2, 1/3, 1/4 ……
HTMLinput语法中,帶有不少字符实体举一些例子。这些符号都可以直接通过HTMLinput标签来描述
更多HTMLinput字符实体,参考
注意观察,平时在网页上也会经常看到一些特殊的字符例如π, ?,??等,这些都是Unicode或者UTF8字符也可以使用。
对于一些简单场景下的应用使用这样的数学符号来偷懒还是可鉯的。如果是比较专业的场景例如做教育类、题库类的,应该想更全面的办法