※ ChatGPTを利用し、要約された質問です（原文：パンくず）
パンくずリストの表示方法
このQ&Aのポイント
Webページ上でパンくずリストを表示するためのコードは、以下のようになります。
パンくずリストは、階層構造を持つページでのナビゲーションを支援するために使用されます。
パンくずリストは、<ol>タグを使用して順序付けされたリストとして作成され、各リスト要素には階層の位置とリンク先が指定されます。
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="http://test/">
<span itemprop="name">トップページ</span>
</a>
<meta itemprop="position" content="1" />
</li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="http://test/">
<span itemprop="name">サブページ</span>
</a>
<meta itemprop="position" content="2" />
</li>
</ol>
このようなコードでパンくずリストを作っているのですが
1.トップページ
2.サブページ
となってしまいます。
OKWAVEの様に
トップページ > サブページ
とするにはどうすれば良いでしょうか?
OKWAVEのソースは
<!--▽パンくず begin-->
<ul class="bread">
<li><a href="/">Bekkoame@OKWaveコミュニティー</a> ></li>
<li><a href="/c205.html">[技術者向] コンピューター</a> ></li>
<li><a href="/205/c221.html">プログラミング</a> ></li>
<li class="fo_wei_b">HTML </li>
</ul>
<!--▲パンくず end-->
になっています。
お礼
ありがとうございました。