/
108.txt
164 lines (120 loc) · 7.15 KB
/
108.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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
[3] [DFN[[CODE(HTMLe)@en[[[section]]]]]] [[要素]]は、[[文章]]の[[章節]]を表します。
* 関連
[5] しばしば、 [CODE(HTMLe)@en[[[div]]]] [[要素]]との使い分けがわからないと言われます。
発祥 (>>8) を考えるとそれも当然なのかもしれません。[[章]]に当たると考えられるものなら
[CODE(HTMLe)@en[[[section]]]] を使い、それ以外なら [CODE(HTMLe)@en[[[div]]]]
を使うべきです。[[章]]に当たるかどうか悩む時は、おそらく[[章]]ではないので、
[CODE(HTMLe)@en[[[div]]]] を使うべきです。
[6] [CODE(HTMLe)@en[[[article]]]] [[要素]]との使い分けも難しいと言われることがよくありますが、
むしろこちらは簡単で、迷うものはすべて [CODE(HTMLe)@en[[[article]]]] ではありません。
;; [17] [CODE(HTMLe)@en[[[section]]]] も [CODE(HTMLe)@en[[[article]]]] も、
使うことは義務ではないのですから、適切かどうかを無理に考える必要はありません。
「章」や「記事」と言われてしっくりこないものは、その[[要素]]を使う必要はない、
という常識的な判断で十分です。
* 歴史
** 前史
[2] ''WWW-Talk 1992: MIME as a hypertext architecture'' <http://www.webhistory.org/www.lists/www-talk.1992/0079.html>: [[HTML]] の [CODE(HTML)[SECTION]] 要素初出? ([[DanConnolly]] が x-[[HTTP]] (後の [[HTTP/1.0]]) 向けの x-HTML の一部として提案したもの。)
[8] 元々 [CODE(HTMLe)@en[[[div]]]] [[要素]]は当初の提案では [CODE(HTMLe)@en[[[section]]]]
に近い意味を持っていましたが、厳密な[[章節]]構造を持つ[[文書]]にしか適用できないとすれば柔軟性を欠くとして次第に用途が拡大され、
現在の定義のようになってしまいました。
** HTML4
[4] [[HTML4]] 時代には[[章節]]を表す専用の[[要素]]はありませんでした。必要があれば
[CODE(HTMLe)@en[[[div]]]] [[要素]]に [CODE(HTML)@en[section]] などの
[CODE(HTMLa)@en[[[class]]]] [[属性]]を指定するのが一般的ではありましたが、
それをそのまま標準化できるほど統一された慣習ではありませんでした。
** XHTML2
[9] [[XHTML2]] は最初の[[作業原案]]で [CODE(HTMLe)@en[[[h]]]] [[要素]]と共に
[CODE(HTMLe)@en[[[section]]]] [[要素]]を導入しました。
;; [CITE@en[- XHTML Text Module]] ([TIME[2002-08-06 00:20:43 +09:00]] 版) <http://www.w3.org/TR/2002/WD-xhtml2-20020805/mod-text.html#edef_text_section>
** HTML5
[7]
[CITE@en-US[The WHATWG Blog » Blog Archive » The Road to HTML 5 - Episode 1: the section element]] ([TIME[2008-11-06 10:03:35 +09:00]] 版) <http://blog.whatwg.org/the-road-to-html-5-episode-1-the-section-element>
* メモ
[1] [CODE(HTML)[section]] 要素と [CODE(HTML)[div]] 要素の使い分けで迷う予感。 (きちんと文書構造が整ってる文書ならいいんだけど、中途半端だとね。)
[10] [CITE[sectionの使い方とセクション三箇条 - vantguarde - web:g]]
([TIME[2009-09-12 13:02:29 +09:00]] 版)
<http://web.g.hatena.ne.jp/vantguarde/20090911/1252678414>
[11] [CITE[IRC logs: freenode / #whatwg / 20090819]]
([TIME[2009-10-12 17:32:44 +09:00]] 版)
<http://krijnhoetmer.nl/irc-logs/whatwg/20090819#l-960>
[12] [CITE[IRC logs: freenode / #whatwg / 20100428]]
([TIME[2010-05-20 00:44:06 +09:00]] 版)
<http://krijnhoetmer.nl/irc-logs/whatwg/20100428#l-136>
[13] [CITE['''['''whatwg''']''' The real issue with HTML5's sectioning model]]
([TIME[2010-08-03 09:33:56 +09:00]] 版)
<http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2010-August/027526.html>
[14] [CITE[''''''[''''''whatwg'''''']'''''' WA 1.0 - document outline suggestion]]
( ([TIME[2009-02-26 03:21:49 +09:00]] 版))
<http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2007-May/011481.html>
[15] [CITE@en[RFC 5988 - Web Linking]]
( ([TIME[2012-03-22 09:19:11 +09:00]] 版))
<http://tools.ietf.org/html/rfc5988#page-15>
[16] [CITE[Re: status. Re: X11 BROWSER for WWW]]
( ([TIME[2004-05-12 00:03:58 +09:00]] 版))
<http://lists.w3.org/Archives/Public/www-talk/1991SepOct/0003.html>
[FIG(quote)[
[FIGCAPTION[
[18] [CITE@ja[【皇室ウイークリー】(番外編)佳子さまお誕生日〈45枚のお写真で振り返るこの1年〉(1/6ページ) - 産経ニュース]]
([[SANKEI DIGITAL INC.]] 著, [TIME[2015-12-29 07:04:50 +09:00]] 版)
<http://www.sankei.com/premium/news/151229/prm1512290006-n1.html>
]FIGCAPTION]
>
> <section class="contentBox">
> <!-- part header -->
> <div class="headerWrap">
> <header class="clearfix">
> <h1 class="speech"><!-- title --><span id="__r_article_title__" class="pis_title">【皇室ウイークリー】(番外編)佳子さまお誕生日〈45枚のお写真で振り返るこの1年〉</span><!-- title end --></h1>
> <div id="headerMod" class="clearfix">
> <p id="logo"><a href="../../../" title="サイトトップへ戻る"><img src="http://www.sankei.com/apr_news/images/v1/basic/logo_header_news.png" alt="産経ニュース"></a></p>
>
]FIG]
[FIG(quote)[
[FIGCAPTION[
[19] [CITE@ja[【皇室ウイークリー】(番外編)佳子さまお誕生日〈45枚のお写真で振り返るこの1年〉(1/6ページ) - 産経ニュース]]
([[SANKEI DIGITAL INC.]] 著, [TIME[2015-12-29 07:04:50 +09:00]] 版)
<http://www.sankei.com/premium/news/151229/prm1512290006-n1.html>
]FIGCAPTION]
>
> <section class="modPhoto clearfix">
> <h3>このニュースの写真</h3>
> <ul class="clearfix"><!--
>
]FIG]
[FIG(quote)[
[FIGCAPTION[
[20] [CITE[【ライブレポート】Kalafina、もっと先へ | Kalafina | BARKS音楽ニュース]]
([[ジャパンミュージックネットワーク株式会社]] 著, [TIME[2015-12-31 14:56:45 +09:00]] 版)
<http://www.barks.jp/news/?id=1000122862>
]FIGCAPTION]
>
> </div>
> <section class="article-body">
> <div align="center"><img src="http://img.barks.jp/image/review/1000122862/001.jpg" hspace="0" border="0"></div><br>
> Kalafinaのアコースティックライブ<Christmas Premium LIVE 2015 「Kalafina with Strings」>の最終公演が、12月25日に東京・渋谷のBunkamuraオーチャードホールにて開催された。<br>
]FIG]
[FIG(quote)[
[FIGCAPTION[
[21] [CITE[【ライブレポート】Kalafina、もっと先へ | Kalafina | BARKS音楽ニュース]]
([[ジャパンミュージックネットワーク株式会社]] 著, [TIME[2015-12-31 14:57:39 +09:00]] 版)
<http://www.barks.jp/news/?id=1000122862>
]FIGCAPTION]
>
> <section class="related-news">
> <h2>RELATED NEWS</h2>
> <ul>
> <li>
]FIG]
[FIG(quote)[
[FIGCAPTION[
[22] [CITE@ja[【今日は何の日?】あこぎという駅が開業 | 乗りものニュース]]
([TIME[2015-12-31 15:08:12 +09:00]] 版)
<http://trafficnews.jp/post/47402/>
]FIGCAPTION]
> <div class="article-meta-bottom article-tags">
> tags: <a href="http://trafficnews.jp/tag/%e4%bb%8a%e6%97%a5%e3%81%af%e4%bd%95%e3%81%ae%e6%97%a5%ef%bc%9f/" rel="tag">今日は何の日?</a></div>
> <!-- #article-meta --></section>
> <section id="detail">
> <!-- ***** 本文ここから ***** -->
> <p class="post-excerpt">12月31日、あこぎという駅が開業しました。</p>
>
]FIG]