語義星級評分

Question

我正在產品頁面上實施星級評分系統。目前的臃腫，不能被視爲語義。

現在有更好的方法來處理HTML5中的評分（例如對於<range>輸入）？否則，編寫星級評分系統標記的適當方法是什麼？

Answer 1

對於投票它在語義上是一種形式（不是一組鏈接，因爲這個動作有副作用，所以它必須使用POST方法）。星星可以是單選按鈕（使用<label>！）或提交按鈕（不幸的是，這樣做會很棘手）。

<input type=range>會更合適，如果你有%或更大的規模評級。對於典型的1-5評價它可能不是最好的解決辦法：

輸入元素都代表元素的值設置爲一個字符串代表一個數的控制，但需要提醒的是精確值不重要的是，讓UA提供一個比數字狀態更簡單的接口。

呈現收視率，HTML沒有任何特定的元素，但是你可以使用hReview或hReview-aggregate微或等效的微觀數據（Google likes them）。

Answer 2

我認爲範圍輸入看起來非常適合這份工作。在HTML < 5中，我認爲最具語義的方法是通過一系列單選按鈕。這些可以被設計成看起來像星星和腳本，以表現評級星的行爲。

Answer 3

此外，對於星級的靜態表示，<meter>元素應該是合適的。

儀表元素表示已知的 範圍內的標量測量值或分數值;例如磁盤使用情況，查詢結果的相關性，或投票人口中具有 的部分選擇特定候選人。