链接定义列表(最佳实践)或坏主意

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的标准。

Answer 2

如果您使用HTML5 doctype，则可以执行以下

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

但是，如果您不是，则上述内容将无效，因为dd是块级元素，将其放入作为内联元素的a中会导致您的HTML变成无效的