#html #button #menu #semantics #markup
#HTML #кнопка #меню #семантика #разметка
Вопрос:
Какой был бы наилучший способ разметки кнопки меню? Идея состоит в том, чтобы иметь кнопку с текстом типа «добавить», которую можно развернуть и показать параметры, которые вы можете добавить.
Мне нравится <menu> тег html5, но атрибут label меня не устраивает, поскольку это означало бы, что текст будет отображаться только в том случае, если был загружен фрагмент JS, который фактически помещает текст (хорошо, я мог бы использовать контент, сгенерированный css, но это не работает в IE7 / 8).
Я думал о <dl><dt>add</dt><dd>...</dd></dl> конструкции, но я не думаю, что она охватывает желаемую семантику.
У вас есть какие-нибудь идеи?
Комментарии:
1. У меня проблемы с пониманием того, что вы имеете в виду. Возможно, если бы вы могли опубликовать образец изображения того, о чем вы говорите, мы смогли бы помочь больше.
Ответ №1:
Вы можете поместить фактический элемент внутри метки и при этом поддерживать надлежащую взаимосвязь между ними.
Например:
<label for="elementName"><element name="elementName" attribute="" attribute="">Element Label</element></label>
Аналогично тому, как можно разметить переключатели. Однако сначала я бы попробовал такой подход, однако на самом деле вы ищете простой неупорядоченный список, а не список определений, поскольку в списке определений вам нужно указать dt и dd для каждого элемента.