html - 语义正确的 XHTML 标记

Question

只是想掌握使用语义正确的 XHTML 标记的诀窍。

只是为一个小的导航项编写代码。每个按钮都有一个有效的标题和描述。因此，我认为定义列表会很棒，所以我写了以下内容

<dl>
    <dt>Import images</dt>
    <dd>Read in new image names to database</dd>

    <dt>Exhibition Management</dt>
    <dd>Create / Delete an exhibition </dd>

    <dt>Image Management</dt>
    <dd>Edit name, medium and exhibition data  </dd>
</dl>

但是...我希望上面是 3 个按钮，每个按钮包含 dt 和 dd 文本。我怎样才能用正确的代码做到这一点？通常我会让每个按钮成为一个 div 并将其用于视觉按钮行为(onHover 和当前页面选择的东西)。

有什么建议

谢谢

Answer 1

<ul>
    <li><a href="#" title="Read in new image names to database">Import images</a></li>
    <li><a href="#" title="Create / Delete an exhibition">Exhibition Management</a></li>
    <li><a href="#" title="Edit name, medium and exhibition data">Image Management</a></li>
</ul>

那就够了。使用 <dl>导航不是很聪明。或使用 <span>在<li>里面与描述。 <dd>会让你很头疼，因为它们不在 <dt> 中并且不关心它的位置和样式