QA@IT

HTML5での都道府県を表示するときのタグについて

3293 PV

初めまして。
現在会社でhtml5でコーディングしています。
そこで、なやんでいるのが、上記の地域と都道府県をコーディングするタグに付いてです。
現在の案としては二通りありまして、

一つ目
<dl>
<dt>北海道</dt>
 <dd>
  <ul>
   <li>
    <a href="#">北海道</a>
   </li>
  </ul>
 </dd>
<dt>東北</dt>
  <dd>
    <ul>
     <li>
      <a href="#">青森県</a>
     </li>
     <li>
      <a href="#">岩手県</a>
     </li>
          ・・・
    </ul>
  </dd>
</dl>
二つ目
<ul>
  <li>
    北海道
    <ul>
      <li>
        <a role="link" href="#">北海道</a>
      </li>
    </ul>
  </li>
  <li>
    東北
    <ul>
      <li>
        <a role="link" href="#">青森県</a>
      </li>
      <li>
        <a role="link" href="#">岩手県</a>
      </li>
    </ul>
  </li>
</ul>

上記二つです。
どちらの方がよいでしょうか?
それか他のやり方でもっと正しいものがございましたら、ご教授お願い致します。

  • 見栄えの問題、好みの問題ではないのですか? であれば人に聞くようなことではないのでは? 機能的な問題であれば要件を書いてください。あと、アップされている要素は html5 とかとは関係ないのでは? -

回答

HTML5の仕様上どちらのリストのネストも問題ないと思います。

dl/dt/ddに関してもHTML4の頃は「用語と説明」とされていたのですが、
HTML5ではtermだけではなくname、descriptionだけでなくvalueが加わるなど緩和されてるようですので、
あとはcss次第じゃないかと思います。

用途によってはnavタグも使うといいかもしれませんね。

編集 履歴 (0)
ウォッチ

この質問への回答やコメントをメールでお知らせします。