语义星级

Question

我正在产品页面上实施星级评分系统。当前的一个是膨胀的，不能被认为是语义的。

现在是否有更好的方法来处理HTML5中的评分（例如<range>输入）？或者说没有，为星级评分系统编写标记的适当方法是什么？

Answer 1

对于投票，它在语义上是一种形式（不是一组链接，因为这个动作有副作用，所以它必须使用POST方法）。星星可以是单选按钮（带<label>！）或提交按钮（不幸的是，这样会很复杂）。

如果您的评分为<input type=range>或更大，则

%会更合适。对于典型的1-5评级，它可能不是最佳解决方案：

  

input元素表示一个控件，用于将元素的值设置为表示数字的字符串，但表示准确值不重要，让UA提供比它更简单的接口数字状态。

为了显示评分，HTML没有任何特定元素，但您可以使用hReview或hReview-aggregate微格式或等效微数据（Google likes them）。

Answer 2

我认为范围输入看起来非常适合这项工作。在HTML＆lt; 5中，我认为最常用的语义方式是通过一系列单选按钮。这些可以被设计成看起来像星星和脚本，以表现为人们期望评级星的行为。

Answer 3

此外，对于星级评定的静态表示，<meter>元素应该是合适的。

  

仪表元素表示已知的标量测量值   范围或小数值;例如磁盘使用情况，相关性   查询结果，或投票人口的一小部分   选择了一个特定的候选人。