-
Notifications
You must be signed in to change notification settings - Fork 4
/
923.txt
124 lines (88 loc) · 5.91 KB
/
923.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
* 仕様書
[REFS[
- [13] [CITE@en-GB-x-hixie[HTML Standard]] ([TIME[2015-05-06 10:42:35 +09:00]] 版) <https://html.spec.whatwg.org/#rel-up>
]REFS]
* マーク付け
[14] [[HTML]] では専用の[[要素]]は用意されていませんが、
[[段落]]中の一連の[[リンク]]として表現できます。 [SRC[>>13]]
[15] [[パンくず]]部分を含める[[要素]]としては、 [CODE(HTMLe)@en[[[nav]]]]
を使えます [SRC[>>13]]。
* メモ
[1] パンくずとそうでないものが混じった例
[PRE(depracated example)[
Home > 超初心者のためのスタイルシート講座 > プロパティと値 > Next
]PRE]
([Q[プロパティと値]]という文書において。)
出典:
[CITE[スタイルシート講座 - 超初心者のためのホームページ作成講座]]
<http://park16.wakwak.com/~html-css/css/css_10.html>
(2004年12月付け、2005年4月現在)
この例では、所謂[Q[パンくず]] (上位の階層から下位の階層に向かっての案内)
と同じ階層へのリンク ([Q[Next]]) が区別できないように並んでいます。
このような配置は読者の混乱の元であり、避けるべきです。
[WEAK[(ちなみに、引用元のサイトの記事は技術的におかしな内容ばかりです。)]]
[2]
[PRE(HTML example code)[
<div class="breadcrumb">
<a href="../">Semantic Web</a> →
<h1>GRDDL Working Group</h1>
</div>
]PRE]
;; [CITE[W3C GRDDL Working Group]] <http://www.w3.org/2001/sw/grddl-wg/>
([[名無しさん]] [WEAK[2006-07-15 12:32:50 +00:00]])
[3]
[CITE@ja[パンくずリスト(Topic Path)を作成する際に使えそうなサンプル8種|CSS HappyLife]] ([CODE[2007-02-06 09:16:20 +09:00]] 版) <http://css-happylife.com/log/css-template/visual/000106.shtml>
([[名無しさん]])
[4]
[CITE[我的春秋: パンくずリストのマークアップ]] ([CODE[2007-02-06 09:16:58 +09:00]] 版) <http://my-chunqiu.cocolog-nifty.com/blog/2007/02/post_a86f.html>
([[名無しさん]])
[5]
[CITE@ja-JP[シーケンシャルアクセス - Weblog]] ([CODE[2007-04-11 21:00:00 +09:00]] 版) <http://ryus.s21.xrea.com/w/item/887>
([[名無しさん]])
[6]
[CITE@ja[blog in a fog » breadcrumbs or topicpath]] ([[Yoji Sanada]] 著, [CODE[2007-06-15 22:08:39 +09:00]] 版) <http://blog.inafog.jp/archives/219>
([[名無しさん]] [WEAK[2007-06-15 13:09:56 +00:00]])
[7]
[CITE@ja[パンくずリストのマークアップを色々考えてみる|CSS HappyLife]] ([CODE[2007-06-16 11:22:02 +09:00]] 版) <http://css-happylife.com/log/html/000154.shtml>
([[名無しさん]] [WEAK[2007-06-16 02:25:17 +00:00]])
[8]
[CITE@ja[blog in a fog » 続・breadcrumbs or topicpath]] ([[Yoji Sanada]] 著, [CODE[2007-06-24 17:08:35 +09:00]] 版) <http://blog.inafog.jp/archives/221>
([[名無しさん]] [WEAK[2007-06-24 09:12:42 +00:00]])
[9]
[CITE@ja[blog in a fog » 続・breadcrumbs or topicpath]] ([[Yoji Sanada]] 著, [CODE[2007-06-24 17:08:35 +09:00]] 版) <http://blog.inafog.jp/archives/221>
([[名無しさん]] [WEAK[2007-06-24 09:14:07 +00:00]])
[10]
[CITE@ja[blog in a fog » 続・breadcrumbs or topicpath]] ([[Yoji Sanada]] 著, [CODE[2007-06-24 17:08:35 +09:00]] 版) <http://blog.inafog.jp/archives/221>
([[名無しさん]] [WEAK[2007-06-24 09:14:56 +00:00]])
[11]
[CITE@ja[blog in a fog » 続・breadcrumbs or topicpath]] ([[Yoji Sanada]] 著, [TIME[2007-06-24 17:08:35 +09:00]] 版) <http://blog.inafog.jp/archives/221>
([[名無しさん]] [WEAK[2007-06-24 09:38:14 +00:00]])
[12] [CITE@ja[パンくずリスト - ウェブマスター ツール ヘルプ]]
( ([TIME[2011-09-30 08:49:57 +09:00]] 版))
<http://www.google.com/support/webmasters/bin/answer.py?hl=ja&answer=185417>
[16] [CITE@en[Breadcrumbs | Structured Data | Google Developers]]
([TIME[2015-06-26 01:53:13 +09:00]] 版)
<https://developers.google.com/structured-data/breadcrumbs>
[17] [CITE[Breadcrumb with Schema.org - Stack Overflow]]
( ([TIME[2014-01-06 00:00:22 +09:00]] 版))
<http://stackoverflow.com/questions/13088284/breadcrumb-with-schema-org>
[18] [CITE@en[ISSUE-10: Schema.org breadcrumb examples - properties should be per-link - Web Schemas TF Tracker]]
( ([TIME[2014-01-06 00:01:40 +09:00]] 版))
<http://www.w3.org/2011/webschema/track/issues/10>
[19] [CITE@en[Markup: Breadcrumbs - Bing Webmaster Tools]]
( ([TIME[2014-01-06 00:04:30 +09:00]] 版))
<http://www.bing.com/webmaster/help/markup-breadcrumbs-72419f3f>
[FIG(quote)[
[FIGCAPTION[
[20] [CITE[今年も来年もアニメはMX! 今年もアニメ攻勢がすごいTOKYO MXの年末年始特番、そして2016年について聞いてみた!!|おたぽる]]
([TIME[2015-12-31 14:59:51 +09:00]] 版)
<http://otapol.jp/2015/12/post-5150.html>
]FIGCAPTION]
>
> <div id="pankuzu" class="animeBgColor" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
> <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="http://otapol.jp/" itemprop="url" id="panHome"><span itemprop="title">おたぽる</span></a></span><span> > </span><span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/anime/" itemprop="url"><span itemprop="title"><strong>アニメ</strong></span></a></span><span> > </span><span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/anime/interview/" itemprop="url"><span itemprop="title"><strong>インタビュー</strong></span></a></span><span> > </span><span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="http://otapol.jp/2015/12/post-5150.html" itemprop="url"><span class="floor panTitle" itemprop="title">年末年始も来年もアニメはMX! TOKYO MXに直撃インタビュー!!</span></a></span>
> </div>
]FIG]
[21] [CITE@en[Breadcrumbs | Search | Google Developers]]
( ([TIME[2017-01-27 05:53:50 +09:00]]))
<https://developers.google.com/search/docs/data-types/breadcrumbs>