A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
パンくずリストは、トップ(ルート)からの一方的方向を記述します。
<p class="breadcrumb list"><a href="/">TOP</a>><a href="/books">書籍</a>><a href="/books/web">ウェブ</a>><strong>HTML5</strong></p>
とか・・・
パンくずリストの意味・目的・由来からこの様な道しるべをパンくずリスト(breadcrumb list)と言います。
複数カテゴリ--サイト内ナビゲーションでしたら、ナビゲーションリストとしてマークアップします。
<nav id="SITEMAP"><!-- HTML5未満は<div class="nav"> -->
<ol>
<li><a href="/">TOP</a></li>
<li><a href="/books">書籍</a>
<ol>
<li><a href="/books/web">ウェブ</a>
<ol>
<li><a href="/books/web" class="current">HTML</a></li>
・・・・
</ol>
</li>
</ol>
</li>
<li><a href="/product">製品</a>
・・・・
</li>
</ol>
</nav>
現在位置を示すためにcurrentのclass名をつけてます。
出来上がったナビゲーションをどのようにデザインするかは、ご随意に・・
[例] ⇒ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HT … )
で表示メニューからスタイルシートを選択すると・・
この回答への補足
申し訳ありません。私の説明不足でした。
複数のカテゴリに属するとは、たとえば以下のような感じです。
-------------------------------------------------------------
FAQコンテンツ
1.動作環境について
(1) 文書番号AA12345
2.インストールについて
(1) 文書番号BB55555
3.トラブルシューティング
(1) 文書番号AA12345
-------------------------------------------------------------
上記の構成だったとすると、文書番号AA12345 への道筋は、以下の2通りできます。
FAQ > 動作環境について > 文書番号AA12345
FAQ > トラブルシューティング > 文書番号AA12345
ユーザーどこから開いたかで表示する内容を変更したいのです。
このような動的なパンくずリストはできますでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) 【Excel】指定した文字列に該当する行を重複しないようにリスト 3 2022/03/30 12:27
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/06/15 14:11
- Chrome(クローム) Google Cromeのブックマークのリストの複数の項目を一括して消去する方法はないのでしょうか? 1 2023/08/16 21:15
- Chrome(クローム) 下に出てくるリストを消したい。 2 2022/06/17 16:47
- Mac OS Mac iPhoneの連絡帳の大量のリストを削除したい 1 2023/05/12 23:30
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- Excel(エクセル) 【エクセル】COUNTIFの検索条件が可変する数字の場合の数式 1 2022/09/27 15:34
- Excel(エクセル) VLOOKUP が機能しない、その原因は何 ? 8 2022/10/19 12:06
- 図書館情報学 著作権について(再質問で申し訳ありません) 1 2022/09/16 23:32
- その他(IT・Webサービス) Googleマップで検索した結果のリストを作る方法はありますか? 1 2022/11/15 10:17
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html/cssの、navを2段にする...
-
css 横並びのナビゲーションバ...
-
<table>の高さ固定。情報増加時...
-
番号付きリスト(<Ol><Li>・・...
-
html <li>の中の文字一部に色を...
-
htmlの<ol>タグで、数字などを...
-
リストマーカーをボックス内に...
-
CSSでの<ul><li>を使った改行設定
-
list-style-type部分だけ大きく...
-
リストを2つに分割して、それぞ...
-
カルーセルスライダー「slick.j...
-
CSS使用。表のセルの中で、強制...
-
display:table;を多段表示させたい
-
ulタグやliタグの中でbrタグ...
-
複数行にまたがる括弧を表示し...
-
リストの左余白の削除方法
-
HTMLで組織図を作成する方法
-
ひとつの枠(divとかtable)の...
-
マウスアウト後も画像が消えた...
-
ポップアップメニューを表のよ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リストマーカーをボックス内に...
-
番号付きリスト(<Ol><Li>・・...
-
liタグの中に<p>タグやら<dl>を...
-
レスポンシブWebデザインでリン...
-
<table>の高さ固定。情報増加時...
-
<ul><li></li></ul>にするメリ...
-
リストの数字のフォントサイズ...
-
HTMLで組織図を作成する方法
-
ulタグやliタグの中でbrタグ...
-
divタグ内のコンテンツが重なっ...
-
画像にリンクを張ると画像がず...
-
複数行にまたがる括弧を表示し...
-
ページを開いているときのリン...
-
html <ul></ul>の並びで一行空...
-
html/cssの、navを2段にする...
-
HTML5のfooterに見出しを付けて...
-
<ul>~</ul>が二つ続くと間に改...
-
htmlの<ol>タグで、数字などを...
-
リンク文字同士の間隔を開ける...
-
CSSでつくったメニューのアニメ...
おすすめ情報