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

2024年1月31日 151次阅读

链接dl列表项的最佳实践是什么(
Definition lists)

<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>

这是为了成为移动应用程序的一部分(通过电话差距)任何帮助或见解将是辉煌的,谢谢.

最佳答案 您不应该使用标记作为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的标准.

点赞