ちょっと前に パンくずリスト︵Topic Path︶を作成する際に使えそうなサンプル8種︵CSS HappyLife︶というエントリーが盛況でしたが、今日はパンくずナビゲーションの論理構造面を補強する意味も込めて、(X)HTML マークアップの例を、サイト構造やサイトの目的に応じて、いくつか挙げてみました。CSS の話まで入れると長くなるので、今回は︵も?︶(X)HTML マークアップに話を絞ります。CSS については、特にセレクタまわりが結構 変わってしまいますが、ひとまず、HirasaWa さんのエントリーなどを参照してください。︵気が向いたら、別エントリーを立てますけど、実際に書くかどうかは未定。︶ 階層型構造︵tree structure︶ ﹇2006-02-11 追記﹈ 石川一靖さんより、﹁セマンティクスを重視するならa要素にrel/rev属性を加えてリンクの関係性を明示するのが
![我的春秋: パンくずリストのマークアップ](https://cdn-ak-scissors.b.st-hatena.com/image/square/cfdd5934f2bbd99b067dcb765a6d647294690760/height=288;version=1;width=512/http%3A%2F%2Fmy-chunqiu.cocolog-nifty.com%2Fphotos%2Funcategorized%2Ftree_1.png)