Я внедряю систему рейтинга на странице продукта. Текущий раздутый и не может считаться семантическим.
Есть ли лучший способ приблизиться к рейтингам в HTML5 сейчас (например, для входа <range>)? Или, если это не так, каков подходящий способ написания разметки для системы рейтинга звезд?
Для голосования это семантически форма (не набор ссылок, потому что это действие имеет побочные эффекты, поэтому он должен использовать метод POST). Звезды могут быть переключателями (с <label>!) Или кнопками отправки (к сожалению, это будет сложно для стиля).
<input type=range> было бы более уместным, если бы у вас был рейтинг в % или в каком-то более крупном масштабе. Для типичного рейтинга 1-5 это может быть не лучшее решение:
Элемент ввода представляет собой элемент управления для установки значения элемента в строку, представляющую число, но с оговоркой, что точное значение не важно, позволяя UAs предоставлять более простой интерфейс, чем для состояние числа.
Для представления рейтингов HTML не содержит каких-либо конкретных элементов, но вы можете использовать hReview или hReview-aggregate микроформаты или эквивалентные микроданные (Google им нравится).
Я думаю, что ввод диапазона идеально подходит для этой работы. В HTML < 5 я считаю, что наиболее семантический способ сделать это - это серия переключателей. Они могут быть стилизованными, чтобы выглядеть как звезды и сценаристы, чтобы вести себя так, как можно было бы ожидать от звезд рейтинга.
Кроме того, для статического представления звездного рейтинга должен быть подходящим элемент <meter>.
Элемент счетчика представляет собой скалярное измерение в пределах известного диапазон или дробное значение; например, использование диска, актуальность результат запроса или долю населения, имеющего выбранный конкретный кандидат.