パン屑リストの作り方
SEO対策やユーザービリティの定番のパン屑リストの作り方です。
プレビュー
htmlコード
<div id="topic">>
<ol class="topic-path">
<li><a href="index.html">トップページ</a> ＞ </li>
<li><a href="web_index.html">Web</a> ＞ </li>
<li>パン屑リストの作り方</li>
</ol>
</div>
CSSコード
#topic {
list-style-type: none;
margin-left: 20px;
font-size: 10px;
}
.topic-path li {
display: inline;
}
という感じです。
ページごとの作成になるので、作業は面倒です。