语义星级

Question

我在一个产品页面上实现了一个星级系统。当前的版本是臃肿的，不能被认为是语义的。

现在有没有更好的方法来接近HTML5中的评级(例如<range>输入)？或者如果失败了，什么是为星级系统编写标记的适当方式？

Answer 1

对于投票来说，它在语义上是一个表单(不是一组链接，因为这个操作有副作用，所以它必须使用POST方法)。星号可以是单选按钮(使用<label>!)或提交按钮(不幸的是，这将是棘手的样式)。

如果你有%或更大规模的评级，<input type=range>会更合适。对于典型的1-5评级，这可能不是最佳解决方案：

输入元素表示用于将元素的值设置为表示数字的字符串的控件，但带有一个警告，即确切的值并不重要，它允许UA提供比它们为number状态所做的更简单的接口。

为了表示评级，超文本标记语言没有任何特定的元素，但您可以使用hReview或hReview-aggregate微格式或等效的微数据(Google likes them)。

Answer 2

我认为range输入看起来很适合这项工作。在HTML <5中，我认为最具语义的方法是通过一系列单选按钮。这些可以设计成看起来像明星的样式，并按照预期的方式进行脚本操作。

Answer 3

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

元素表示已知范围内的标量度量值或分数值；例如，磁盘使用率、查询结果的相关性或投票群体中选择了特定候选人的分数。