/[suikacvs]/test/sw/ids/0/53.txt
Suika

Contents of /test/sw/ids/0/53.txt

Parent Directory Parent Directory | Revision Log Revision Log


Revision 1.1 - (hide annotations) (download)
Sun Nov 9 13:33:14 2008 UTC (16 years, 7 months ago) by wakaba
Branch: MAIN
CVS Tags: HEAD
File MIME type: text/plain
converted from SuikaWiki3 <http://suika.fam.cx/gate/cvs/suikawiki/wikidata/page/7461626C65.txt>

1 wakaba 1.1
2    
3     * table 要素型 (HTML, XHTML 1)
4    
5     [14] [DFN[[CODE(HTMLe)[table]] 要素]]は、[DFN[[[表]]]]を表します。
6    
7     表とは、データを二次元的に組織化したものです
8     [WEAK[(三次元以上のものを二次元に射影したものも含みます。)]] 。
9    
10     [25]
11     仕様書:
12     - [[HTML 4]]
13     -- <IW:HTML4:"struct/tables.html">
14     -- [CITE[B.5 Notes on tables]]
15     <IW:HTML4:"appendix/notes.html#notes-tables">
16    
17     [13]
18     :状態:[[W3C]] [[勧告]]
19     :[[局所名]]:[CODE(HTMLe)[table]] ([Q@en[table]] ([Q[[[表]]]]) より)
20     :[[名前空間URI]]:[CODE(URI)@en[[[http://www.w3.org/1999/xhtml]]]]
21     :[[開始タグ]]:必須
22     :[[終了タグ]]:必須
23     :[[内容モデル]]:[CODE(SGML)[([CODE(HTMLe)[[[caption]]]]?, ([CODE(HTMLe)[[[col]]]]* | [CODE(HTMLe)[[[colgroup]]]]*), [CODE(HTMLe)[[[thead]]]]?, [CODE(HTMLe)[[[tfoot]]]]?, [CODE(HTMLe)[[[tbody]]]]+)]] ([[HTML 4]])
24     :出現できる文脈:[CODE(SGML)[%[[block]];]] な文脈
25     :[[属性]]:
26     ,属性名 ,属性値 ,既定値 ,説明 ,状態 ,出典
27     ,[CODE(HTMLa)[[[align]]]] , , ,揃え ,[HTML4] 非推奨
28     ,[CODE(HTMLa)[[[bgcolor]]]] ,[CODE(SGML)[%[[Color]]]] , ,背景色 ,[HTML4] 非推奨
29     ,[CODE(HTMLa)@en[[[bgcolorbottomleft]]]] , , , ,非標準
30     ,[CODE(HTMLa)@en[[[bgcolorbottomright]]]] , , , ,非標準
31     ,[CODE(HTMLa)@en[[[bgcolortopleft]]]] , , , ,非標準
32     ,[CODE(HTMLa)@en[[[bgcolortopright]]]] , , , ,非標準
33     ,[CODE(HTMLa)@en[[[boredr]]]] , , , ,非標準
34     ,[CODE(HTMLa)[[[border]]]] ,[CODE(SGML)[%[[Pixels]]]] , ,境界線幅 ,W3C 勧告 ,[HTML 4]
35     ,[CODE(HTMLa)[[[bordercolor]]]] ,[CODE(SGML)[%[[Color]]]] , ,境界線色 ,非標準
36     ,[CODE(HTMLa)[[[bordercolordark]]]] ,[CODE(SGML)[%[[Color]]]] , ,境界線色 (暗色) ,非標準
37     ,[CODE(HTMLa)[[[bordercolorlight]]]] ,[CODE(SGML)[%[[Color]]]] , ,境界線色 (明色) ,非標準
38     ,[CODE(HTMLa)[[[cellspacing]]]] ,[CODE(SGML)[%[[Length]]]] , ,こま間隔 ,[HTML4]
39     ,[CODE(HTMLa)[[[cellpadding]]]] ,[CODE(SGML)[%Length]] , ,こま余白 ,[HTML4]
40     ,[CODE(HTMLa)[[[class]]]] , , ,[[級]] ,[HTML4] %[[coreattr]]
41     ,[CODE(HTMLa)[[[cols]]]] , , , ,非標準
42     ,[CODE(HTMLa)@en[[[cool]]]] ,[[ブール型属性]] ,[[偽]] , ,非標準
43     ,[CODE(HTMLa)[[[datafld]]]] , , , ,[HTML4] 予約
44     ,[CODE(HTMLa)[[[dataformatas]]]] ,[CODE(SGML)[[CODE(HTML)[[[plaintext]]]] | [CODE(HTML)[[[html]]]]]] , , ,[HTML4] 予約
45     ,[CODE(HTMLa)[[[datapagesize]]]] , , , ,[HTML4] 予約
46     ,[CODE(HTMLa)[[[datasrc]]]] ,[CODE(SGML)[%[[URI]]]] , , ,[HTML4] 予約
47     ,[CODE(HTMLa)[[[dir]]]] , , ,[[書字方向]] ,[HTML4] %[[i18n]]
48     ,[CODE(HTMLa)[[[frame]]]] , , ,枠 ,[HTML4]
49     ,[CODE(HTMLa)@en[[[gridx]]]] ,[CODE(SGML)@en[[[NUMBER]]]] , , ,非標準
50     ,[CODE(HTMLa)@en[[[gridy]]]] ,[CODE(SGML)@en[[[NUMBER]]]] , , ,非標準
51     ,[CODE(HTMLa)[[[height]]]] , , ,高さ ,非標準
52     ,[CODE(HTMLa)[[[id]]]] , , ,一意識別子 ,[HTML4] %coreattr
53     ,[CODE(HTMLa)[[[lang]]]] , , ,[[自然言語]] ,[HTML4] %i18n
54     ,[CODE(HTMLa)[[[xml]]:lang]] , , ,自然言語 ,[XHTML1]
55     ,[CODE(HTMLa)@en[[[noborder]]]] ,([[真偽値属性]]) , ,[[枠線]]無し ,非標準
56     ,[CODE(HTMLa)[[[nowrap]]]] ,([[真偽値属性]]) ,([[偽]]) ,[[折返し]] ,非標準 ,[Vodafone]
57     ,[CODE(HTMLa)[[[onclick]]]] , , , ,[HTML4] %[[events]]
58     ,[CODE(HTMLa)[[[ondblclick]]]] , , , ,[HTML4] %events
59     ,[CODE(HTMLa)[[[onkeydown]]]] , , , ,[HTML4] %events
60     ,[CODE(HTMLa)[[[onkeypress]]]] , , , ,[HTML4] %events
61     ,[CODE(HTMLa)[[[onkeyup]]]] , , , ,[HTML4] %events
62     ,[CODE(HTMLa)[[[onmousedown]]]] , , , ,[HTML4] %events
63     ,[CODE(HTMLa)[[[onmousemove]]]] , , , ,[HTML4] %events
64     ,[CODE(HTMLa)[[[onmouseout]]]] , , , ,[HTML4] %events
65     ,[CODE(HTMLa)[[[onmouseover]]]] , , , ,[HTML4] %events
66     ,[CODE(HTMLa)[[[onmouseup]]]] , , , ,[HTML4] %events
67     ,[CODE(HTMLa)[[[rules]]]] , , , ,[HTML4]
68     ,[CODE(HTMLa)@en[[[showgridx]]]] ,[[ブール型属性]] ,[[偽]] , ,非標準
69     ,[CODE(HTMLa)@en[[[showgridy]]]] ,[[ブール型属性]] ,[[偽]] , ,非標準
70     ,[CODE(HTMLa)[[[style]]]] , , ,スタイル情報 ,[HTML4] %coreattr
71     ,[CODE(HTMLa)[[[summary]]]] ,[CODE(SGML)[%[[Text]]]] ,(なし) ,目的・構造 ,[HTML4]
72     ,[CODE(HTMLa)[[[title]]]] , , ,注釈的題 ,[HTML4] %coreattr
73     ,[CODE(HTMLa)@en[[[usegridx]]]] ,[[ブール型属性]] ,[[偽]] , ,非標準
74     ,[CODE(HTMLa)@en[[[usegridy]]]] ,[[ブール型属性]] ,[[偽]] , ,非標準
75     ,[CODE(HTMLa)[[[x-use-null-cells]]]] ,([[真偽値属性]]) , , ,非標準 ,[[ROBOHelp]]
76     ,[CODE(HTMLa)[[[width]]]] ,[CODE(SGML)[%[[Length]]]] , ,幅 ,[HTML4] おすすめしない
77     ,[CODE(XMLa)[[[xmlns]]]] ,[CODE(URI)[[[http://www.w3.org/1999/xhtml]]]] 固定 ,== ,[[名前空間名]] ,W3C 勧告 ,[[XHTML m12n]]
78    
79    
80    
81     ** レンダリング
82    
83     [15]
84     [[.//レンダリング]]を参照してください。
85    
86    
87     ** 歴史
88    
89     [21] [[HTML表モデル]]を参照して下さい。
90    
91    
92     ** 実装
93    
94     [36] '''リスト項目に画像を使うための配置表''':
95     [[FrontPage]] の 97 だったか 98 だったか忘れましたが、
96     [[リスト]]の項目の印として [CODE(HTMLe)[[[ul]]]] の記号や
97     [CODE(HTMLe)[[[ol]]]] の数字の他に、任意の[[画像]]を指定できました。
98     当時はまだ [[CSS]] の [CODE(CSS)[[[list-type-style]]]]
99     が使われていなかったので、 [[HTML]] としては [CODE(HTMLe)[[[table]]]]
100     が使われていました。 ([[FrontPage]] の他の特徴的な機能と同じように)
101     [[注釈宣言]]に適当に情報を詰め込んで、 [[WYSIWYG]]
102     な編集モードでは [CODE(HTMLe)[[[ul]]]] も画像を使ったリストを表す
103     [CODE(HTMLe)[[[table]]]] も区別なく扱えるようになっていました。
104    
105     [38] '''整列や列の入れ替え'''
106    
107     @@ 書きかけ:
108     表の整列は有用と考えられるが、主要な利用者エージェントには実装されていない。
109     テーブル・レイアウトに濫用されてきたことの他に、
110     連結されている時にどう扱うかが大きな課題として存在する。
111     [[GUI]] の [[ListView]] 制御子は列の入れ替えを実装していることが多いが、
112     HTML の表ではこれもあまり実装されていない。
113     やはり連結されている時の扱いが問題になる。
114     [[DOM]] 上の扱いはどうなるのか (実際に節点の文書順を入れ替えてしまうのか、
115     レンダリング上でのみ入れ替えるのか —
116     その場合選択範囲など様々な問題が派生)
117    
118     [[#comment]]
119    
120    
121     ** 設計
122    
123     [25] [[HTML表モデル]]を参照して下さい。
124    
125    
126     ** 不思議解釈
127    
128     [17] [CODE(HTMLe)[table]] は本来の表としてではなく、
129     頁の構成要素の[[配置]]のためだけに悪用されてきました。
130    
131     しかし、そのような用途に使うと非図形的媒体での閲覧者にとっては意味のわからない情報になってしまいますし、
132     図形的媒体でも利用者が大きな画面での利用を強要されることになりかねませんから、
133     表を配置目的に使用するべきではありません。代わりに[[スタイル・シート]]が利用できます
134     [HTML 4]。
135    
136     詳しくは[[テーブル・レイアウト]]を参照してください。
137    
138     [19] 典型的レンダリングにおける [CODE(HTMLe)[[[form]]]] の余白を消すために
139     [CODE(HTMLe)[[[table]]]] 直下や [CODE(HTMLe)[[[tr]]]]
140     直下に [CODE(HTMLe)[form]] のタグを入れるという[Q[裏技]]
141     が不思議界では比較的良く知られていて、
142     信じられないことに世紀が変わった今でも愛用している人がいます。
143    
144     [44]
145     [CITE[404 Blog Not Found:CSS - スクロール可能なテーブル w/o JavaScript]] ([CODE[2007-03-17 01:19:16 +09:00]] 版) <http://blog.livedoor.jp/dankogai/archives/50787785.html>
146     ([[名無しさん]] [WEAK[2007-03-16 23:40:44 +00:00]])
147    
148     [[#comment]]
149    
150    
151     ** 例
152    
153     [18] 比較的単純な表
154     [PRE(HTML example)[
155     <TABLE border="1"
156     summary="This table gives some statistics about fruit
157     flies: average height and weight, and percentage
158     with red eyes (for both males and females).">
159     <CAPTION>A test table with merged cells</CAPTION>
160     <TR><TH rowspan="2"><TH colspan="2">Average
161     <TH rowspan="2">Red<BR>eyes
162     <TR><TH>height<TH>weight
163     <TR><TH>Males<TD>1.9<TD>0.003<TD>40%
164     <TR><TH>Females<TD>1.7<TD>0.002<TD>43%
165     </TABLE>
166     ]PRE]
167    
168     (HTML 4 仕様書より)
169    
170     レンダリング例:
171     [PRE (example)[
172     [PRE[
173     A test table with merged cells
174     /-----------------------------------------\
175     | | Average | Red |
176     | |-------------------| eyes |
177     | | height | weight | |
178     |-----------------------------------------|
179     | Males | 1.9 | 0.003 | 40% |
180     |-----------------------------------------|
181     | Females | 1.7 | 0.002 | 43% |
182     \-----------------------------------------/
183     ]PRE]
184    
185     ]PRE]
186    
187     他のレンダリング例: <IW:HTML4:"images/mergedcells">
188    
189     [16] [[行群]]や[[列群]]を使った複雑な表
190     [PRE(HTML example)[
191     <TABLE border="2" frame="hsides" rules="groups"
192     summary="Code page support in different versions
193     of MS Windows.">
194     <CAPTION>CODE-PAGE SUPPORT IN MICROSOFT WINDOWS</CAPTION>
195     <COLGROUP align="center">
196     <COLGROUP align="left">
197     <COLGROUP align="center" span="2">
198     <COLGROUP align="center" span="3">
199     <THEAD valign="top">
200     <TR>
201     <TH>Code-Page<BR>ID
202     <TH>Name
203     <TH>ACP
204     <TH>OEMCP
205     <TH>Windows<BR>NT 3.1
206     <TH>Windows<BR>NT 3.51
207     <TH>Windows<BR>95
208     <TBODY>
209     <TR><TD>1200<TD>Unicode (BMP of ISO/IEC-10646)<TD><TD><TD>X<TD>X<TD>*
210     <TR><TD>1250<TD>Windows 3.1 Eastern European<TD>X<TD><TD>X<TD>X<TD>X
211     <TR><TD>1251<TD>Windows 3.1 Cyrillic<TD>X<TD><TD>X<TD>X<TD>X
212     <TR><TD>1252<TD>Windows 3.1 US (ANSI)<TD>X<TD><TD>X<TD>X<TD>X
213     <TR><TD>1253<TD>Windows 3.1 Greek<TD>X<TD><TD>X<TD>X<TD>X
214     <TR><TD>1254<TD>Windows 3.1 Turkish<TD>X<TD><TD>X<TD>X<TD>X
215     <TR><TD>1255<TD>Hebrew<TD>X<TD><TD><TD><TD>X
216     <TR><TD>1256<TD>Arabic<TD>X<TD><TD><TD><TD>X
217     <TR><TD>1257<TD>Baltic<TD>X<TD><TD><TD><TD>X
218     <TR><TD>1361<TD>Korean (Johab)<TD>X<TD><TD><TD>**<TD>X
219     <TBODY>
220     <TR><TD>437<TD>MS-DOS United States<TD><TD>X<TD>X<TD>X<TD>X
221     <TR><TD>708<TD>Arabic (ASMO 708)<TD><TD>X<TD><TD><TD>X
222     <TR><TD>709<TD>Arabic (ASMO 449+, BCON V4)<TD><TD>X<TD><TD><TD>X
223     <TR><TD>710<TD>Arabic (Transparent Arabic)<TD><TD>X<TD><TD><TD>X
224     <TR><TD>720<TD>Arabic (Transparent ASMO)<TD><TD>X<TD><TD><TD>X
225     </TABLE>
226     ]PRE]
227    
228     (HTML 4 仕様書より)
229    
230     レンダリング例:
231     [PRE(example)[
232     CODE-PAGE SUPPORT IN MICROSOFT WINDOWS
233     ===============================================================================
234     Code-Page | Name | ACP OEMCP | Windows Windows Windows
235     ID | | | NT 3.1 NT 3.51 95
236     -------------------------------------------------------------------------------
237     1200 | Unicode (BMP of ISO 10646) | | X X *
238     1250 | Windows 3.1 Eastern European | X | X X X
239     1251 | Windows 3.1 Cyrillic | X | X X X
240     1252 | Windows 3.1 US (ANSI) | X | X X X
241     1253 | Windows 3.1 Greek | X | X X X
242     1254 | Windows 3.1 Turkish | X | X X X
243     1255 | Hebrew | X | X
244     1256 | Arabic | X | X
245     1257 | Baltic | X | X
246     1361 | Korean (Johab) | X | ** X
247     -------------------------------------------------------------------------------
248     437 | MS-DOS United States | X | X X X
249     708 | Arabic (ASMO 708) | X | X
250     709 | Arabic (ASMO 449+, BCON V4) | X | X
251     710 | Arabic (Transparent Arabic) | X | X
252     720 | Arabic (Transparent ASMO) | X | X
253     ===============================================================================
254     ]PRE]
255    
256     別のレンダリング例: <IW:HTML4:"images/table3">
257    
258     [32] 簡単な比較表の例
259    
260     [PRE(HTML example)[
261     <table cellpadding="5">
262     <tbody>
263     <tr>
264     <th></th>
265     <th>CSS</th>
266     <th>XSL</th>
267     </tr>
268     <tr>
269     <td>Can be used with HTML?</td>
270     <td>yes</td>
271     <td>no</td>
272     </tr>
273     <tr>
274     <td>Can be used with XML?</td>
275     <td>yes</td>
276     <td>yes</td>
277     </tr>
278     <tr>
279     <td>Transformation language?</td>
280     <td>no</td>
281     <td>yes</td>
282     </tr>
283     <tr>
284     <td>Syntax</td>
285     <td>CSS</td>
286     <td>XML</td>
287     </tr>
288     </tbody>
289     </table>
290     ]PRE]
291    
292     出典: [CITE[Web Style Sheets]] <http://www.w3.org/Style/#why>
293    
294     [34] [[リスト]]の項目を表す記号や数字の位置合わせのためと思われる
295     [[table layout]] の例
296    
297     >
298     [PRE(HTML illegal example code)[
299     <table border=0 cellpadding=0 cellspacing=0 width=585>
300     <tr valign=top><td width="1%" bgcolor="#dcdcdc">
301     <table border=0 cellspacing=0 cellpadding=2 width="100%">
302     [CODE(comment)[<!-- top 5 list -->]]
303     <tr><td bgcolor="#ccccff" colspan=2 class=stitle><b>&#12424;&#12367;&#12354;&#12427;&#36074;&#21839;</b></td></tr>
304     <tr><td width="1%" valign=top><small><b>1.</b></small></td>
305     <td><small><a href="/help/jp/geo/gftp/gftp-26.html" class=sbody>FTPソフトの設定について</a></small></td></tr>
306     [INS[[CODE(comment)[<!-- 中略 -->]]]]
307     <tr><td width="1%" valign=top><small><b>5.</b></small></td>
308     <td><small><a href="/help/jp/geo/counter/counter-09.html">カウンタがうまく動作しない</a></small></td></tr>
309     <!-- end top 5 -->
310     <tr><td colspan=2><hr width=180></td></tr>
311     [CODE(comment)[<!-- relevant links -->]]
312     <tr><td bgcolor="#ccccff" colspan=2 class=stitle>
313     <b>&#38306;&#36899;&#12522;&#12531;&#12463;</b>
314     </td></tr>
315     <tr><td width="1%" valign=top align=right class=sbody> ・ </td>
316     <td><small><a href="http://help.yahoo.co.jp/" class=sbody>Yahoo! JAPAN&#12504;&#12523;&#12503;&#12475;&#12531;&#12479;&#12540;</a></small></td></tr>
317     [CODE(comment)[<!-- end rel links -->]]
318     <tr><td colspan=2 class=sbody>
319     <tr><td width="1%" valign=top align=right> ・ </td>
320     <td><small><a href="http://bb.yahoo.co.jp/">Yahoo! BB</a></small></td></tr>
321     [INS[[CODE(comment)[<!-- 中略 -->]]]]
322     <td><small><a href="http://help.yahoo.co.jp/help/jp/md/">公開プロフィールヘルプ</a></small></td></tr>
323     </td></tr></table>
324     ]PRE]
325    
326     出典: [CITE[Yahoo! ヘルプ - ジオシティーズ]]
327     <http://help.yahoo.co.jp/help/jp/geo/> (2005年4月現在)
328    
329     常識的な人なら [CODE(HTMLe)[[[ul]]]] や [CODE(HTMLe)[[[ol]]]] や
330     [CODE(HTMLe)[[[h[VAR[n]]]]]] を使うところですが、
331     常識が通用しないからこその[[不思議マーク付け]]。
332     どうしてわざわざ簡単にできることを難しくするのでしょうかね?
333     [WEAK[(その方が制作費を高く請求できるのでしょうか。)]]
334     なんだか目的が良く分からない[[数値文字参照]]も使っていますし。
335    
336     実は引用部は更に別の [CODE(HTMLe)[[[table]]]]
337     の中の一部分だったりします。
338     どうやら制作者自身も文書の構造をつかめていないらしく、
339     後半のリスト (のようなもの) の中で後から追加したらしき部分の
340     [CODE(HTMLe)[[[tr]]]] が別の [CODE(HTMLe)[[[td]]]]
341     の中に入っているという失態をやらかしています。
342    
343     [35] 背景色のために [CODE(HTMLe)[[[table]]]] を使う例
344    
345     >
346     [PRE(HTML deprecated example code)[
347     [CODE(comment)[<!-- Google -->]]
348     <center>
349     <form method=GET action="http://www.google.co.jp/search">
350     <table bgcolor="#FFFFFF"><tr><td>
351     <a href="http://www.google.co.jp/">
352     <img src="http://www.google.com/logos/Logo_40wht.gif"
353     border="0" alt="Google" align="absmiddle"></a>
354     <input type=text name=q size=31 maxlength=255 value="">
355     <input type=hidden name=hl value="ja">
356     <input type=hidden name=ie value=Shift_JIS>
357     <input type=submit name=btnG value="Google 検索">
358     </td></tr></table>
359     </form>
360     </center>
361     [CODE(comment)[<!-- Google -->]]
362     ]PRE]
363    
364     出典: [CITE[リンク、検索機能を追加]]
365     <http://www.google.com/intl/ja/searchcode.html>
366     (2004年10月付け)
367    
368     これは、 [[Google]] の検索用の[[フォーム]]に
369     [[Web頁]]に埋め込む例として挙げられているものです。
370     10年も前から[[非推奨]]であり使うべきではないと言われている
371     [CODE(HTMLe)[[[center]]]] を使っているのは''恥ずべきこと''ですが、
372     1[[こま]]だけの謎の [CODE(HTMLe)[[[table]]]]
373     も目に付きます。ああ、[[背景色]]を[[白]]にするために使っているのですね。
374     [[CSS]] が使われる前には [CODE(HTMLe)[[[table]]]]
375     を使って文書内の背景色を部分的に変更する[Q[[[裏技]]]]がありましたっけ。
376    
377     [42]
378    
379     [PRE(HTML invalid example code)[
380     <TABLE class='clsContainer' CELLPADDING='15' CELLSPACING='0' float='left' WIDTH='100%' BORDER='0'> <TR> <TD VALIGN='top'>
381     ]PRE]
382    
383     ;;
384     [CITE@en-us[About Conditional Comments]] ([CODE[2007-01-08 14:42:10 +09:00]] 版) <http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp>
385    
386     [43]
387     [PRE(HTML invalid example code)[
388     <META NAME="GENERATOR" CONTENT="Adobe PageMill 3.0J Mac">
389     [VAR[...]]
390     <table cool width="761" height="745" usegridx usegridy showgridx showgridy gridx="8" gridy="8" border="0" cellpadding="0" cellspacing="0">
391     [VAR[...]]
392     <td width="8" height="672" rowspan="2"></td>
393     <td width="448" height="40" align="left" xpos="160" content valign="top" csheight="32">
394     [VAR[...]]
395     <tr height="1" cntrlrow>
396     ]PRE]
397    
398    
399     [70]
400     2つの[[行]]にあたるものが1[[行]]にまとまっている例:
401     [PRE(HTML example code)[
402     <table>
403     <caption style="caption-side: bottom" class="comment">The 10 least popular HTML 4.x elements</caption>
404     <tr>
405     <th>Element</th>
406     <th>Frequency</th>
407    
408     <th>Element</th>
409     <th>Frequency</th>
410     </tr>
411     <tr class="r1">
412     <td><code class="elem">TFOOT</code></td>
413     <td class="num">3,947</td>
414     <td><code class="elem">INS</code></td>
415    
416     <td class="num">1,344</td>
417     </tr>
418     <tr class="r2">
419     <td><code class="elem">DFN</code></td>
420     <td class="num">3,584</td>
421     <td><code class="elem">KBD</code></td>
422     <td class="num">1,313</td>
423    
424     </tr>
425     ]PRE]
426    
427     ;; [CITE@en[MAMA: Key findings - Opera Developer Community]] ([TIME[2008-10-18 11:58:12 +09:00]] 版) <http://dev.opera.com/articles/view/mama-key-findings/>
428    
429    
430    
431     ([[名無しさん]])
432    
433    
434     [[#comment]]
435    
436    
437     ** メモ
438    
439     - [1] ''Tables in Netscape 1.1'' <http://wp.netscape.com/assist/net_sites/tables.html>
440     (HTML の標準化に関わっていない) 人々が見て, 学んだ、たぶん最初の table 要素の reference。
441     - [2] ''TABLE幅の計算方法'' <http://www.parkcity.ne.jp/~chaichan/qanda/qa3615.htm> 伝統的 [[HTML]] layout における [CODE(HTML)[TABLE]] 要素の幅の算出方法 (実装) について。
442     - [3] ''テーブルアート(HTMLタグ)のページ'' <http://hi.sakura.ne.jp/~okada/table/> [CODE(HTML)[TABLE]] 要素群と非推奨属性群を使って''絵''を描いたもの。手書きでやったらしい。よくやるのぅ。
443     - [4] >>3 こういう系 (他にも■とかの文字と [[font]] 要素を使って絵を描くのを見たことがある。) って、[[不思議マーク付け]]を超えて、 [CODE(HTML)[image/x-html+sgml]] とか名乗ったら良いと思う(w
444     - [5] >>3-4 いまや [[GIMP]] でも出来るらしい。 <http://www004.upp.so-net.ne.jp/iccii/gimp/startgimp-web.html>
445     - [6] ''w3mの開発について'' <http://www2u.biglobe.ne.jp/~hsaka/w3m/doc-jp/STORY.html>: [[w3m]] が盛り上がったのは[[テーブル・レイアウト]]のせいであったという衝撃の事実(w。 w3m の表レンダリング算法の解説もあって参考になろう。
446     - [[HTML+]]: ''Tables'' <http://www.w3.org/MarkUp/HTMLPlus/htmlplus_39.html>
447     - [[RFC 2070]] (HTML 2.[VAR[x]]) には表要素なし。
448     - ''Table'' <http://www.blooberry.com/indexdot/html/tagpages/t/table.htm>: 表の実装は複雑なためか、怪しい不具合が一杯あったりします。その一部が紹介されています。
449     - HTML 3.0: ''Tables'' <http://www.w3.org/MarkUp/html3/tables.html>
450     - 『The HTML3 Table Model』 W3C WD (1996/1/23) <http://www.w3.org/TR/WD-tables.html> (内容は RFC 1942 draft)。
451     - ''diary07'' <http://homepage2.nifty.com/aito/BU/diary07.html#7/20>: [[w3m]] が table に対応。
452     - [11] >>3 ''【TABLE】テーブルアート 1【/TABLE】'' <http://pc2.2ch.net/test/read.cgi/hp/1049865199/>
453     - [8] ''Table Sorting'' <http://www2u.biglobe.ne.jp/~oz-07ams/prog/dom-notes/sort_rows.html>: [[DOM]]/[[JavaScript]] を使った表の [[sort]]。
454     - [9] 大昔、 [CODE(HTML)[TABLE]] 要素の出現してすぐの頃、 [CODE(HTML)[TABLE]] 未対応 [[UA]] では表系のタグがすべて無視されて、表の内容がつながって表示されてしまうという問題がありました。そのため、 [[tr]] 要素一つごとに [[br]] 要素を挿入するという[[裏技]]がありました。
455     - [10] >>9 [[section]] 要素的意味を持つ [[div]] 要素ごとに [[hr]] 要素を挿入するのも同じことだよなあ
456     - [12] [[テーブル・レイアウト]]は[[不思議マーク付け]]の真髄にして完成形。そして最終形態。
457    
458     [33]
459     [CITE[強制ソート可能化串]]
460     <http://www-higashi.ics.es.osaka-u.ac.jp/~umedu/diary/0042.html#D01110>
461    
462     > コンピューター上に存在する全ての表はソート機能を持っているべきだ、というゆがんだ思想に基づいて作ってみたjavascriptプログラム。テーブルをDOMを使ってごりごり書き換えてソートできるようにするjavascriptで書かれたスクリプトが実行されるように書き換える串。
463    
464     [37]
465     [CODE(HTMLe)@en[[[table]]]] [[要素型]]に丁度対応する[Q[[[表]]]]という[[日本語]]の[[単語]]があるにも関わらず、
466     なぜか、よく[Q@en[[[テーブル]]]]と[[片仮名]]で呼ばれます。
467     中には、[Q[[[表]]]]と[Q@en[[[テーブル]]]] ([CODE(HTMLe)@en[[[table]]]])
468     を区別している人もいるようですが、
469     そうすることに何か利点はあるのでしょうかね?
470    
471     そういうことをしている人は、分かってやっているのなら良いのですが、
472     どうも[[表]]とは何か分かっていないきらいがありまして。
473    
474     [39]
475     [CITE[05/10/2003勉強会の記録]] <http://www.accessibility.org/workshops/May2003/minutes.html>
476     ([[名無しさん]])
477    
478     [40]
479     [CITE[Mingyi's FireFox Extension for sorting HTML tables - TableSort]] <http://www.mingyi.org/other/tablesort.html>
480     ([[名無しさん]] [WEAK[2006-05-27 01:19:10 +00:00]])
481    
482     [41]
483     [CITE[A brief history of HTML tables]] <http://www.barry.pearson.name/articles/layout_tables/history.htm>
484     ([[名無しさん]])
485    
486     [45]
487     [CITE@en[Web Usability - Accessible Data Tables]] ([CODE[2007-04-17 20:23:46 +09:00]] 版) <http://www.usability.com.au/resources/tables.cfm>
488     ([[名無しさん]])
489    
490     [46]
491     [CITE@en[Web Usability - Accessible Data Tables]] ([CODE[2007-04-17 20:23:46 +09:00]] 版) <http://www.usability.com.au/resources/tables.cfm>
492     ([[名無しさん]])
493    
494     [47]
495     [CITE@en[Web Usability - Accessible Data Tables]] ([CODE[2007-04-17 20:23:46 +09:00]] 版) <http://www.usability.com.au/resources/tables.cfm>
496     ([[名無しさん]])
497    
498     [48]
499     [CITE@en-gb[Juicy Studio: Table Inspector - Mozilla/Firefox Extension]] ([CODE[2007-05-26 17:24:04 +09:00]] 版) <http://juicystudio.com/article/firefox-table-inspector.php>
500     ([[名無しさん]])
501    
502     [49]
503     [CITE@en-gb[Juicy Studio: Complex Table Inspector]] ([CODE[2007-05-26 17:24:04 +09:00]] 版) <http://juicystudio.com/article/complextableinspector.php>
504     ([[名無しさん]])
505    
506     [50]
507     [CITE@ja[国語辞典 英和辞典 和英辞典 - goo 辞書]] ([CODE[2007-05-27 22:47:58 +09:00]] 版) <http://dictionary.goo.ne.jp/>
508    
509     [[HTML 5]] として[[構文解析]]したところ、
510     [CODE(HTMLe)@en[[[table]]]] が54個含まれていました。
511     横線1本のためにもわざわざ [CODE(HTMLe)@en[[[table]]]]
512     (と [CODE(CSS)@en[[[border]]]]) を使っています。
513     ([[名無しさん]] [WEAK[2007-05-27 13:55:31 +00:00]])
514    
515     [51]
516     [CITE@ja[Yahoo!辞書 - Yahoo! JAPANの辞書サービス]] ([[Yahoo! JAPAN]] 著, [CODE[2007-05-27 22:55:14 +09:00]] 版) <http://dic.yahoo.co.jp/>
517    
518     これは33個。
519     ([[名無しさん]] [WEAK[2007-05-27 13:56:55 +00:00]])
520    
521     [52]
522     [CITE[エキサイト 辞書 : 英和辞書 和英辞書 国語辞典 中日辞書 日中辞書]] ([CODE[2007-05-27 22:56:39 +09:00]] 版) <http://www.excite.co.jp/dictionary/>
523    
524     26個。 >>50-51 と違って [CODE(HTMLe)@en[[[th]]]] を使っているのが真新しいwwwwwwwwwww
525     ([[名無しさん]] [WEAK[2007-05-27 13:57:49 +00:00]])
526    
527     [53]
528     [CITE@ja[Excite エキサイト]] ([CODE[2007-05-27 23:00:10 +09:00]] 版) <http://www.excite.co.jp/>
529    
530     >>52 よりよほど複雑に見えるが [CODE(HTMLe)@ne[[[table]]]]
531     は7個しかないぞ・・・
532     ([[名無しさん]] [WEAK[2007-05-27 14:02:40 +00:00]])
533    
534     [54]
535     [CITE@ja[国語 英和 和英 カタカナ 漢字 - Infoseek マルチ辞書]] ([CODE[2007-05-27 23:02:37 +09:00]] 版) <http://dictionary.www.infoseek.co.jp/>
536    
537     13個。
538     ([[名無しさん]] [WEAK[2007-05-27 14:03:31 +00:00]])
539    
540     [55]
541     [CITE@ja[国語辞書 英和辞書 和英辞書 - livedoor 辞書]] ([CODE[2007-05-27 23:03:23 +09:00]] 版) <http://dic.livedoor.com/>
542    
543     9個。
544     ([[名無しさん]] [WEAK[2007-05-27 14:04:16 +00:00]])
545    
546     [56]
547     >>50-55 [[Google]] の順位が下がるほど数が減ってるwwwwwwwwwww
548     ([[名無しさん]] [WEAK[2007-05-27 14:05:57 +00:00]])
549    
550     [57]
551     [CITE[Yahoo! JAPAN]] ([CODE[2007-05-28 00:32:47 +09:00]] 版) <http://www.yahoo.co.jp/>
552    
553     103個wwwwwwwwww
554     ([[名無しさん]] [WEAK[2007-05-27 15:33:36 +00:00]])
555    
556     [58]
557     [CITE[雅虎首&#39029;]] ([CODE[2007-05-28 00:33:00 +09:00]] 版) <http://cn.yahoo.com/>
558    
559     1個、本当の表だけ。
560     ([[名無しさん]] [WEAK[2007-05-27 15:34:01 +00:00]])
561    
562     [59]
563     yahoo.com 系は全然 [CODE(HTMLe)@en[[[table]]]] を使ってない。[[禿]]糞すwwwwwwwwww
564     ([[名無しさん]] [WEAK[2007-05-27 15:36:21 +00:00]])
565    
566     [60]
567     [CITE@en[archives related to accessible TABLE design in HTML4]] ([[Al Gilman]] 著, [CODE[2007-05-29 02:20:23 +09:00]] 版) <http://lists.w3.org/Archives/Public/www-archive/2007May/0083.html>
568     ([[名無しさん]] [WEAK[2007-06-04 13:18:29 +00:00]])
569    
570     [61]
571     [CITE[Bug 12740 - www.bmw.com page doesn't work]] ([CODE[2007-06-20 10:43:03 +09:00]] 版) <http://bugs.webkit.org/show_bug.cgi?id=12740>
572     ([[名無しさん]] [WEAK[2007-06-20 01:54:15 +00:00]])
573    
574     [62]
575     [CITE[HTML5 IRC logs: freenode / #whatwg / 20070620]] ([CODE[2007-06-20 10:53:07 +09:00]] 版) <http://krijnhoetmer.nl/irc-logs/whatwg/20070620#l-122>
576     ([[名無しさん]] [WEAK[2007-06-20 01:55:39 +00:00]])
577    
578     [63]
579     [CITE@en[HTML tables - trying to reach consensus]]
580     ([Q@en[Bert Bos]] 著、[CODE@en[Wed, 3 May 95 08:52:34 EDT][1995-05-03]])
581     <https://listserv.heanet.ie/cgi-bin/wa?A2=ind9505&L=HTML-WG&P=R5126>
582     ([[名無しさん]])
583    
584     [64]
585     [CITE[html-wg-95q2: Yet another table proposal for HTML 2.1]] ([CODE[2007-07-01 19:46:05 +09:00]] 版) <http://ksi.cpsc.ucalgary.ca/archives/HTML-WG/html-wg-95q2.messages/0520.html>
586     ([[名無しさん]])
587    
588     [65]
589     [CITE@en-us[HTML5 Tables]] ([CODE[2007-08-01 21:31:50 +09:00]] 版) <http://www.search-this.com/2007/07/30/html5-tables/>
590     ([[名無しさん]] [WEAK[2007-08-01 12:34:43 +00:00]])
591    
592     [66]
593     [CITE[Table Inspector]] ([CODE[2007-08-22 08:03:53 +09:00]] 版) <http://wordsandpictures.dyndns.org/table_inspector.html>
594     ([[名無しさん]] [WEAK[2007-08-22 01:46:22 +00:00]])
595    
596     [67]
597     [CITE[Tables in HTML - Anne’s Weblog]] ([CODE[2007-09-07 06:15:43 +09:00]] 版) <http://annevankesteren.nl/2007/09/html-tables>
598     ([[名無しさん]])
599    
600     [68]
601     [CITE[JavaScript - tableのオートフィルタ]] ([CODE[2007-03-18 00:00:00 +09:00]] 版) <http://neko.dosanko.us/script/auto-filter/>
602     ([[名無しさん]])
603    
604     [69]
605     [CITE@en-GB[Collections of Interesting Data Tables]] ([CODE[2008-04-07 17:14:18 +09:00]] 版) <http://sitesurgeon.co.uk/tables/>
606     ([[名無しさん]])
607    
608     [[#comment]]
609    
610    
611     * メモ

admin@suikawiki.org
ViewVC Help
Powered by ViewVC 1.1.24