菜单按钮的语义 HTML 标记 (html5)

Question

标记菜单按钮的最佳方式是什么？这个想法是有一个带有“添加”等文本的按钮来折叠并显示您可以添加的选项。

我喜欢<menu> html5 标签，但标签属性不适合我，因为这意味着只有加载了一段实际放置文本的 JS 时才会显示文本（好吧，我可以使用 css生成的内容，但在 IE7/8 中不起作用）。

我考虑过 <dl><dt>add</dt><dd>...</dd></dl> 构造，但我认为它没有涵盖所需的语义。

你有什么想法吗？

Answer 1

您可以将实际元素放置在标签内，并且仍然保持两者之间的适当关系。

例如：

<label for="elementName"><element name="elementName" attribute="" attribute="">Element Label</element></label>

类似于标记单选按钮的方式。我会首先尝试这种方法，但是，一个简单的无序列表实际上可能是您正在寻找的，而不是一个定义列表，因为您需要为每个项目指定一个 dt 和一个 dd 的定义列表。