Linking definition lists (best practice) or a bad idea?

Question

What is the best practice for linking dl list items ( Definition Lists )

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

connected (?):

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

or would you use tags <li>and <br>to achieve similar things.

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

This is in order to become part of the mobile application (through the phone space), any help or insight would be brilliant, thanks.

Answer 1

You cannot use a tag aas a direct child dl. Tags ddand dtare used as direct children. So you can use:

<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