[CSS]パンくずの実装はどのようにするのがよいかの考察

パンくずは何要素で実装していますか？ ul要素？ ol要素？ p要素？ パンくずをどのように実装するのがよいかの考察を紹介します。 Exploring Markup for Breadcrumbs [ad#ad-2] 先日紹介したCSS-Tricksの「画像を使用しないでApple風のパンくずを作成するチュートリアル」に寄せられたコメントから考察されたもので、各ポイントを意訳したものです。 パンくずのマークアップの考察のきっかけ -ul要素で同列配置 パンくずのマークアップの考察 -ul要素で親子 パンくずのマークアップの考察 -ol要素で順序づけ パンくずのマークアップの考察 -セパレーターの使用 パンくずのマークアップの考察 -Googleを参考に パンくずのマークアップの考察 -HTML5の使用 パンくずのマークアップの考察 -おわりに パンくずのマークアップの考察のきっかけ -ul

[beth321]

　コリス

[ko-ya-ma]

セマンティックにまで言及

[hermioy]

パンくずの実装方法

[morimorison]

コーディング

[mkiiiyy]

たかがパンくずされどパンくず…

[bigchu]

: パンクズのマークアップ／Googleにならい、HTML5のマイクロデータを使用することもいいね。

[kuracom]

パンくずって、スクリーンリーダーにとってはむしろ邪魔な存在じゃないかとも思う今日この頃。

[sivadselim]

パンくずの実装はどのようにするのがよいかの考察 | コリス

[coek]

マイクロデータを利用したセマンティックなマークアップ

[BaramakiFPS]

パンくずの実装の考察

[XIAORING]

nav breadscrumbs topic path markup

[xxsatominxx]

パンくず

[buchi39]

パンくずの実装はどのようにするのがよいかの考察

[syanbi]

パンくずリストについて

[ether70]

パンくずの実装はどのようにするのがよいかの考察 | コリス

[alucari]

言われてみるとULでパンくずってのはマークアップ的には気持ち悪いかも。

[adsty]

パンくずリストのマークアップのいろんな考え方。

[nakanushi]

パンくず

[qnighy]

| パンくず > って > これのこと > なのかー |

[sigwyg]

rel="up"

[uk-ar]

パンくずリスト - ウェブマスター ツール ヘルプ 一見すると、できの悪いマークアップに見えますが、実際にはそれぞれを意味付けするHTML5のマイクロデータを使用したセマンティックなマークアップとなっています。 div要

[mifio]

後回しにしてるけどそのうち真面目に考えないとなあ。パンくず実装のやり方

[toshikaz55]

"[CSS]パンくずの実装はどのようにするのがよいかの考察 | コリス"

[o_hiroyuki]

セマンティックなパン屑

[noblejasper]

パンくずの実装はどのようにするのがよいかの考察 | コリス

[ku_marin]

Breadcrumbs／topicpath つまりパンくずリスト！

[vanish_l2]

５の実装について

[matsukaz]

パンくずリスト（トピックパス）の考察。HTML5のケースとかはあまり聞いたことないので貴重。

[gigi-net]

リストで作っちゃってたなぁ。メモメモ。

[nors]

http://css-tricks.com/markup-for-breadcrumbs/