Семантическая звезда-рейтинг

Ответ 1

Для голосования это семантически форма (не набор ссылок, потому что это действие имеет побочные эффекты, поэтому он должен использовать метод POST). Звезды могут быть переключателями (с <label>!) Или кнопками отправки (к сожалению, это будет сложно для стиля).

<input type=range> было бы более уместным, если бы у вас был рейтинг в % или в каком-то более крупном масштабе. Для типичного рейтинга 1-5 это может быть не лучшее решение:

Элемент ввода представляет собой элемент управления для установки значения элемента в строку, представляющую число, но с оговоркой, что точное значение не важно, позволяя UAs предоставлять более простой интерфейс, чем для состояние числа.

Для представления рейтингов HTML не содержит каких-либо конкретных элементов, но вы можете использовать hReview или hReview-aggregate микроформаты или эквивалентные микроданные (Google им нравится).

Ответ 2

Я думаю, что ввод диапазона идеально подходит для этой работы. В HTML < 5 я считаю, что наиболее семантический способ сделать это - это серия переключателей. Они могут быть стилизованными, чтобы выглядеть как звезды и сценаристы, чтобы вести себя так, как можно было бы ожидать от звезд рейтинга.

Ответ 3

Кроме того, для статического представления звездного рейтинга должен быть подходящим элемент <meter>.

Элемент счетчика представляет собой скалярное измерение в пределах известного диапазон или дробное значение; например, использование диска, актуальность результат запроса или долю населения, имеющего выбранный конкретный кандидат.