リスト

装飾を行うリストには(list-styleを指定するだけでも)classを指定するようにしましょう。要素に直接スタイルを指定すると、後々上書きする必要が出てくる場合が多いですよ。

パンくずリスト

サンプルソース

<dl id="topic-path">
<dt>現在位置</dt>
<dd><ol>
<li><a href="/">ホーム</a></li>
<li><a href="/">カテゴリ名</a></li>
<li>ページ名</li>
</ol></dd>
<!-- /#topic-path --></dl>

ul

サンプルソース

<ul class="simple-list">
<li>内容</li>
<li>内容</li>
<li>内容</li>
<!-- /.simple-list --></ul>

ol

サンプルソース

<ol class="simple-list">
<li>内容</li>
<li>内容</li>
<li>内容</li>
<!-- /.simple-list --></ol>

dl

サンプルソース

<dl class="simple-list">
<dt>内容</dt>
<dd>内容</dd>
<dt>内容</dt>
<dd>内容</dd>
<dt>内容</dt>
<dd>内容</dd>
<!-- /.simple-list --></dl>