html5 – 语义星级

我正在产品页面上实施星级评定系统.目前的一个是膨胀的,不能被认为是语义.

现在有更好的方法来接近HTML5中的评级(例如< range>输入)?否则,为星级评估系统写入标记的适当方式是什么?

解决方法

对于投票,它在语义上是一种形式(不是一组链接,因为此操作有副作用,所以必须使用POST方法).星星可以是单选按钮(带< label>!)或提交按钮(不幸的是,这将是难以想象的).

< input type = range>如果您以%或更大规模评级,则会更为合适.对于典型的1-5评级,可能不是最好的解决方案:

The input element represents a control for setting the element’s value to a string representing a number,but with the caveat that the exact value is not important,letting UAs provide a simpler interface than they do for the Number state.

为了呈现评分,HTML没有任何特定的元素,但您可以使用hReviewhReview-aggregate微格式或等效的微数据(Google likes them).

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码