语义上正确的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>而且不关心它的位置和造型