正しいタグの付け方について、2つ質問があります。

質問

(1)ナビゲーションのタグの付け方

以下のソース(市販の本)はサイドコンテンツのものです。

<div id="navigation">
<h5><a href="#">TOP </a></h5>
<h5><a href="#">ニュースリリース</a></h5>
<h5><a href="#">イベント情報</a></h5>
<h5><a href="#">コンセプト</a></h5>
<h5><a href="#">会社概要</a></h5>
<h5><a href="#">FAQ</a></h5>
<h5><a href="#">お問い合わせ</a></h5>
<h5><a href="#">スタッフブログ</a></h5>
</div>

この場合はリストを使わなくて良いのでしょうか？また、サイトによってはテーブルが使われている場合もけっこう見かけます。ナビゲーションにリスト以外のタグを使うことが禁止されているわけではないんですかね・・・

(2)イベント情報などのタグの付け方

以下のソースなのですが、こういう場合は定義リストでは。別にリストでも問題ないのでしょうか？

<ul>
<li>2011/8/15　関東建設祭り2011開催決定！</li>
<li>2011/8/8　住宅構造完成見学会（ご予約受付中です）</li>
<li>2011/7/5　オール電化住宅、ソーラー発電の無料見積相談会開催中！</li>
<li>2011/5/5　完成見学会があります、詳細はイベント情報をご覧下さい。</li>
<li>2011/3/15　完成見学会があります、詳細はイベント情報をご覧下さい。</li>
</ul>

回答No.1

shiren2

＞(1)ナビゲーションのタグの付け方
リストを使うのはただの慣例的用法で、決まりではありません。
pタグ（文章に使うタグ）だと問題ですが、hタグはセクションやページのタイトルを意味するタグなので、場合によっては妥当なのかもしれません。

＞(2)イベント情報などのタグの付け方
こちらはあまり良くないですね。
こういうのでもOKです。
<ul id="events">
<li><span class="date">2011/8/15</span>関東建設祭り2011開催決定！</li>
<li><span class="date">2011/8/8</span>住宅構造完成見学会（ご予約受付中です）</li>
...

定義リストを使っても、もちろん出来ます。
<dl id="events">
<dt class="date">2011/8/15</dt><dd>関東建設祭り2011開催決定！</dd>
<dt class="date">2011/8/8</dt><dd>住宅構造完成見学会（ご予約受付中です）</dd>
...

tableタグで書くと、意外と美しいです。
<table id="events">
<caption>イベント情報</caption>
<colgroup class="date" />
<colgroup class="title" />
<thead>
<tr><th>日付</th><th>イベント名</th></tr>
</thead>
<tbody>
<tr><td>2011/8/15</td><td>関東建設祭り2011開催決定！</td>
<tr><td>2011/8/8</td><td>住宅構造完成見学会（ご予約受付中です）</td>
...

お礼

ありがとうございました。

慣用的にリストを使うのですね。大半の本にはリストが使われていのたで、禁止に近いものがあるのかなと。