链接定义列表（最佳实践）还是坏主意？

Question

链接dl列表项（定义列表）的最佳实践是什么

<dl>
    <dt>link title 1</dt>
    <dd>link description 1</dd>
    <dt>link title 2</dt>
    <dd>link description 2</dd>
</dl>

已链接（？）：

<dl>
    <a href="#">
      <dt>link title 1</dt>
      <dd>link description 1</dd>
    </a>
    <a href="#">
      <dt>link title 2</dt>
      <dd>link description 2</dd>
    </a>
</dl>

或者您会使用<li>和<br>标签来实现类似的目的。

<ul>
    <li><a href="#">link title 1<br><span class="description">link description 1</span></a></li>
    <li><a href="#">link title 2<br><span class="description">link description 2</span></a></li>
</ul>

这是为了成为移动应用程序的一部分（通过电话间隙），任何帮助或见解都将是非常出色的，谢谢。

Answer 1

您不应将a标记用作 的直接子级dl。和标签用作直接子代dd。dt所以，你可以使用：

<dl>
      <dt><a href="#">link title 1</a></dt>
      <dd><a href="#">link description 1</a></dd>

      <dt><a href="#">link title 2</a></dt>
      <dd><a href="#">link description 3</a></dd>
</dl>

这样你就可以保持 html 的标准。