* table 要素型 (HTML, XHTML 1) [14] [DFN[[CODE(HTMLe)[table]] 要素]]は、[DFN[[[表]]]]を表します。 表とは、データを二次元的に組織化したものです [WEAK[(三次元以上のものを二次元に射影したものも含みます。)]] 。 [25] 仕様書: - [[HTML 4]] -- -- [CITE[B.5 Notes on tables]] [13] :状態:[[W3C]] [[勧告]] :[[局所名]]:[CODE(HTMLe)[table]] ([Q@en[table]] ([Q[[[表]]]]) より) :[[名前空間URI]]:[CODE(URI)@en[[[http://www.w3.org/1999/xhtml]]]] :[[開始タグ]]:必須 :[[終了タグ]]:必須 :[[内容モデル]]:[CODE(SGML)[([CODE(HTMLe)[[[caption]]]]?, ([CODE(HTMLe)[[[col]]]]* | [CODE(HTMLe)[[[colgroup]]]]*), [CODE(HTMLe)[[[thead]]]]?, [CODE(HTMLe)[[[tfoot]]]]?, [CODE(HTMLe)[[[tbody]]]]+)]] ([[HTML 4]]) :出現できる文脈:[CODE(SGML)[%[[block]];]] な文脈 :[[属性]]: ,属性名 ,属性値 ,既定値 ,説明 ,状態 ,出典 ,[CODE(HTMLa)[[[align]]]] , , ,揃え ,[HTML4] 非推奨 ,[CODE(HTMLa)[[[bgcolor]]]] ,[CODE(SGML)[%[[Color]]]] , ,背景色 ,[HTML4] 非推奨 ,[CODE(HTMLa)@en[[[bgcolorbottomleft]]]],,,,非標準 ,[CODE(HTMLa)@en[[[bgcolorbottomright]]]],,,,非標準 ,[CODE(HTMLa)@en[[[bgcolortopleft]]]],,,,非標準 ,[CODE(HTMLa)@en[[[bgcolortopright]]]],,,,非標準 ,[CODE(HTMLa)[[[border]]]] ,[CODE(SGML)[%[[Pixels]]]] , ,境界線幅 ,W3C 勧告 ,[HTML 4] ,[CODE(HTMLa)[[[bordercolor]]]] ,[CODE(SGML)[%[[Color]]]] , ,境界線色 ,非標準 ,[CODE(HTMLa)[[[bordercolordark]]]] ,[CODE(SGML)[%[[Color]]]] , ,境界線色 (暗色) ,非標準 ,[CODE(HTMLa)[[[bordercolorlight]]]] ,[CODE(SGML)[%[[Color]]]] , ,境界線色 (明色) ,非標準 ,[CODE(HTMLa)[[[cellspacing]]]] ,[CODE(SGML)[%[[Length]]]] , ,こま間隔 ,[HTML4] ,[CODE(HTMLa)[[[cellpadding]]]] ,[CODE(SGML)[%Length]] , ,こま余白 ,[HTML4] ,[CODE(HTMLa)[[[class]]]] , , ,[[級]] ,[HTML4] %[[coreattr]] ,[CODE(HTMLa)[[[cols]]]] , , , ,非標準 ,[CODE(HTMLa)[[[datafld]]]] , , , ,[HTML4] 予約 ,[CODE(HTMLa)[[[dataformatas]]]] ,[CODE(SGML)[[CODE(HTML)[[[plaintext]]]] | [CODE(HTML)[[[html]]]]]] , , ,[HTML4] 予約 ,[CODE(HTMLa)[[[datapagesize]]]] , , , ,[HTML4] 予約 ,[CODE(HTMLa)[[[datasrc]]]] ,[CODE(SGML)[%[[URI]]]] , , ,[HTML4] 予約 ,[CODE(HTMLa)[[[dir]]]] , , ,[[書字方向]] ,[HTML4] %[[i18n]] ,[CODE(HTMLa)[[[frame]]]] , , ,枠 ,[HTML4] ,[CODE(HTMLa)[[[height]]]] , , ,高さ ,非標準 ,[CODE(HTMLa)[[[id]]]] , , ,一意識別子 ,[HTML4] %coreattr ,[CODE(HTMLa)[[[lang]]]] , , ,[[自然言語]] ,[HTML4] %i18n ,[CODE(HTMLa)[[[xml]]:lang]] , , ,自然言語 ,[XHTML1] ,[CODE(HTMLa)@en[[[noborder]]]] ,([[真偽値属性]]) , ,[[枠線]]無し ,非標準 ,[CODE(HTMLa)[[[nowrap]]]] ,([[真偽値属性]]) ,([[偽]]) ,[[折返し]] ,非標準 ,[Vodafone] ,[CODE(HTMLa)[[[onclick]]]] , , , ,[HTML4] %[[events]] ,[CODE(HTMLa)[[[ondblclick]]]] , , , ,[HTML4] %events ,[CODE(HTMLa)[[[onkeydown]]]] , , , ,[HTML4] %events ,[CODE(HTMLa)[[[onkeypress]]]] , , , ,[HTML4] %events ,[CODE(HTMLa)[[[onkeyup]]]] , , , ,[HTML4] %events ,[CODE(HTMLa)[[[onmousedown]]]] , , , ,[HTML4] %events ,[CODE(HTMLa)[[[onmousemove]]]] , , , ,[HTML4] %events ,[CODE(HTMLa)[[[onmouseout]]]] , , , ,[HTML4] %events ,[CODE(HTMLa)[[[onmouseover]]]] , , , ,[HTML4] %events ,[CODE(HTMLa)[[[onmouseup]]]] , , , ,[HTML4] %events ,[CODE(HTMLa)[[[rules]]]] , , , ,[HTML4] ,[CODE(HTMLa)[[[style]]]] , , ,スタイル情報 ,[HTML4] %coreattr ,[CODE(HTMLa)[[[summary]]]] ,[CODE(SGML)[%[[Text]]]] ,(なし) ,目的・構造 ,[HTML4] ,[CODE(HTMLa)[[[title]]]] , , ,注釈的題 ,[HTML4] %coreattr ,[CODE(HTMLa)[[[x-use-null-cells]]]] ,([[真偽値属性]]) , , ,非標準 ,[[ROBOHelp]] ,[CODE(HTMLa)[[[width]]]] ,[CODE(SGML)[%[[Length]]]] , ,幅 ,[HTML4] おすすめしない ,[CODE(XMLa)[[[xmlns]]]] ,[CODE(URI)[[[http://www.w3.org/1999/xhtml]]]] 固定 ,== ,[[名前空間名]] ,W3C 勧告 ,[[XHTML m12n]] ** レンダリング [15] [[.//レンダリング]]を参照してください。 ** 歴史 [21] [[HTML表モデル]]を参照して下さい。 ** 実装 [36] '''リスト項目に画像を使うための配置表''': [[FrontPage]] の 97 だったか 98 だったか忘れましたが、 [[リスト]]の項目の印として [CODE(HTMLe)[[[ul]]]] の記号や [CODE(HTMLe)[[[ol]]]] の数字の他に、任意の[[画像]]を指定できました。 当時はまだ [[CSS]] の [CODE(CSS)[[[list-type-style]]]] が使われていなかったので、 [[HTML]] としては [CODE(HTMLe)[[[table]]]] が使われていました。 ([[FrontPage]] の他の特徴的な機能と同じように) [[注釈宣言]]に適当に情報を詰め込んで、 [[WYSIWYG]] な編集モードでは [CODE(HTMLe)[[[ul]]]] も画像を使ったリストを表す [CODE(HTMLe)[[[table]]]] も区別なく扱えるようになっていました。 [38] '''整列や列の入れ替え''' @@ 書きかけ: 表の整列は有用と考えられるが、主要な利用者エージェントには実装されていない。 テーブル・レイアウトに濫用されてきたことの他に、 連結されている時にどう扱うかが大きな課題として存在する。 [[GUI]] の [[ListView]] 制御子は列の入れ替えを実装していることが多いが、 HTML の表ではこれもあまり実装されていない。 やはり連結されている時の扱いが問題になる。 [[DOM]] 上の扱いはどうなるのか (実際に節点の文書順を入れ替えてしまうのか、 レンダリング上でのみ入れ替えるのか ― その場合選択範囲など様々な問題が派生) [[#comment]] ** 設計 [25] [[HTML表モデル]]を参照して下さい。 ** 不思議解釈 [17] [CODE(HTMLe)[table]] は本来の表としてではなく、 頁の構成要素の[[配置]]のためだけに悪用されてきました。 しかし、そのような用途に使うと非図形的媒体での閲覧者にとっては意味のわからない情報になってしまいますし、 図形的媒体でも利用者が大きな画面での利用を強要されることになりかねませんから、 表を配置目的に使用するべきではありません。代わりに[[スタイル・シート]]が利用できます [HTML 4]。 詳しくは[[テーブル・レイアウト]]を参照してください。 [19] 典型的レンダリングにおける [CODE(HTMLe)[[[form]]]] の余白を消すために [CODE(HTMLe)[[[table]]]] 直下や [CODE(HTMLe)[[[tr]]]] 直下に [CODE(HTMLe)[form]] のタグを入れるという[Q[裏技]] が不思議界では比較的良く知られていて、 信じられないことに世紀が変わった今でも愛用している人がいます。 [[#comment]] ** 例 [18] 比較的単純な表 [PRE(HTML example)[
A test table with merged cells
Average Red
eyes
heightweight
Males1.90.00340%
Females1.70.00243%
]PRE] (HTML 4 仕様書より) レンダリング例: [PRE (example)[ [PRE[ A test table with merged cells /-----------------------------------------\ | | Average | Red | | |-------------------| eyes | | | height | weight | | |-----------------------------------------| | Males | 1.9 | 0.003 | 40% | |-----------------------------------------| | Females | 1.7 | 0.002 | 43% | \-----------------------------------------/ ]PRE] ]PRE] 他のレンダリング例: [16] [[行群]]や[[列群]]を使った複雑な表 [PRE(HTML example)[
CODE-PAGE SUPPORT IN MICROSOFT WINDOWS
Code-Page
ID 		Name ACP OEMCP Windows
NT 3.1 		Windows
NT 3.51 		Windows
95
1200Unicode (BMP of ISO/IEC-10646)XX*
1250Windows 3.1 Eastern EuropeanXXXX
1251Windows 3.1 CyrillicXXXX
1252Windows 3.1 US (ANSI)XXXX
1253Windows 3.1 GreekXXXX
1254Windows 3.1 TurkishXXXX
1255HebrewXX
1256ArabicXX
1257BalticXX
1361Korean (Johab)X**X
437MS-DOS United StatesXXXX
708Arabic (ASMO 708)XX
709Arabic (ASMO 449+, BCON V4)XX
710Arabic (Transparent Arabic)XX
720Arabic (Transparent ASMO)XX
]PRE] (HTML 4 仕様書より) レンダリング例: [PRE(example)[ CODE-PAGE SUPPORT IN MICROSOFT WINDOWS =============================================================================== Code-Page | Name | ACP OEMCP | Windows Windows Windows ID | | | NT 3.1 NT 3.51 95 ------------------------------------------------------------------------------- 1200 | Unicode (BMP of ISO 10646) | | X X * 1250 | Windows 3.1 Eastern European | X | X X X 1251 | Windows 3.1 Cyrillic | X | X X X 1252 | Windows 3.1 US (ANSI) | X | X X X 1253 | Windows 3.1 Greek | X | X X X 1254 | Windows 3.1 Turkish | X | X X X 1255 | Hebrew | X | X 1256 | Arabic | X | X 1257 | Baltic | X | X 1361 | Korean (Johab) | X | ** X ------------------------------------------------------------------------------- 437 | MS-DOS United States | X | X X X 708 | Arabic (ASMO 708) | X | X 709 | Arabic (ASMO 449+, BCON V4) | X | X 710 | Arabic (Transparent Arabic) | X | X 720 | Arabic (Transparent ASMO) | X | X =============================================================================== ]PRE] 別のレンダリング例: [32] 簡単な比較表の例 [PRE(HTML example)[
CSS XSL
Can be used with HTML? yes no
Can be used with XML? yes yes
Transformation language? no yes
Syntax CSS XML
]PRE] 出典: [CITE[Web Style Sheets]] [34] [[リスト]]の項目を表す記号や数字の位置合わせのためと思われる [[table layout]] の例 > [PRE(HTML illegal example code)[
[CODE(comment)[]] [INS[[CODE(comment)[]]]] [CODE(comment)[]] [CODE(comment)[]] [INS[[CODE(comment)[]]]]
よくある質問
1. FTPソフトの設定について
5. カウンタがうまく動作しない
関連リンク
・ Yahoo! JAPANヘルプセンター
・ Yahoo! BB
公開プロフィールヘルプ
]PRE] 出典: [CITE[Yahoo! ヘルプ - ジオシティーズ]] (2005年4月現在) 常識的な人なら [CODE(HTMLe)[[[ul]]]] や [CODE(HTMLe)[[[ol]]]] や [CODE(HTMLe)[[[h[VAR[n]]]]]] を使うところですが、 常識が通用しないからこその[[不思議マーク付け]]。 どうしてわざわざ簡単にできることを難しくするのでしょうかね? [WEAK[(その方が制作費を高く請求できるのでしょうか。)]] なんだか目的が良く分からない[[数値文字参照]]も使っていますし。 実は引用部は更に別の [CODE(HTMLe)[[[table]]]] の中の一部分だったりします。 どうやら制作者自身も文書の構造をつかめていないらしく、 後半のリスト (のようなもの) の中で後から追加したらしき部分の [CODE(HTMLe)[[[tr]]]] が別の [CODE(HTMLe)[[[td]]]] の中に入っているという失態をやらかしています。 [35] 背景色のために [CODE(HTMLe)[[[table]]]] を使う例 > [PRE(HTML deprecated example code)[ [CODE(comment)[]]
Google
[CODE(comment)[]] ]PRE] 出典: [CITE[リンク、検索機能を追加]] (2004年10月付け) これは、 [[Google]] の検索用の[[フォーム]]に [[Web頁]]に埋め込む例として挙げられているものです。 10年も前から[[非推奨]]であり使うべきではないと言われている [CODE(HTMLe)[[[center]]]] を使っているのは''恥ずべきこと''ですが、 1[[こま]]だけの謎の [CODE(HTMLe)[[[table]]]] も目に付きます。ああ、[[背景色]]を[[白]]にするために使っているのですね。 [[CSS]] が使われる前には [CODE(HTMLe)[[[table]]]] を使って文書内の背景色を部分的に変更する[Q[[[裏技]]]]がありましたっけ。 [[#comment]] ** メモ - [1] ''Tables in Netscape 1.1'' (HTML の標準化に関わっていない) 人々が見て, 学んだ、たぶん最初の table 要素の reference。 - [2] ''TABLE幅の計算方法'' 伝統的 [[HTML]] layout における [CODE(HTML)[TABLE]] 要素の幅の算出方法 (実装) について。 - [3] ''テーブルアート(HTMLタグ)のページ'' [CODE(HTML)[TABLE]] 要素群と非推奨属性群を使って''絵''を描いたもの。手書きでやったらしい。よくやるのぅ。 - [4] >>3 こういう系 (他にも■とかの文字と [[font]] 要素を使って絵を描くのを見たことがある。) って、[[不思議マーク付け]]を超えて、 [CODE(HTML)[image/x-html+sgml]] とか名乗ったら良いと思う(w - [5] >>3-4 いまや [[GIMP]] でも出来るらしい。 - [6] ''w3mの開発について'' : [[w3m]] が盛り上がったのは[[テーブル・レイアウト]]のせいであったという衝撃の事実(w。 w3m の表レンダリング算法の解説もあって参考になろう。 - [[HTML+]]: ''Tables'' - [[RFC 2070]] (HTML 2.[VAR[x]]) には表要素なし。 - ''Table'' : 表の実装は複雑なためか、怪しい不具合が一杯あったりします。その一部が紹介されています。 - HTML 3.0: ''Tables'' - 『The HTML3 Table Model』 W3C WD (1996/1/23) (内容は RFC 1942 draft)。 - ''diary07'' : [[w3m]] が table に対応。 - [11] >>3 ''【TABLE】テーブルアート 1【/TABLE】'' - [8] ''Table Sorting'' : [[DOM]]/[[JavaScript]] を使った表の [[sort]]。 - [9] 大昔、 [CODE(HTML)[TABLE]] 要素の出現してすぐの頃、 [CODE(HTML)[TABLE]] 未対応 [[UA]] では表系のタグがすべて無視されて、表の内容がつながって表示されてしまうという問題がありました。そのため、 [[tr]] 要素一つごとに [[br]] 要素を挿入するという[[裏技]]がありました。 - [10] >>9 [[section]] 要素的意味を持つ [[div]] 要素ごとに [[hr]] 要素を挿入するのも同じことだよなあ - [12] [[テーブル・レイアウト]]は[[不思議マーク付け]]の真髄にして完成形。そして最終形態。 [33] [CITE[強制ソート可能化串]] > コンピューター上に存在する全ての表はソート機能を持っているべきだ、というゆがんだ思想に基づいて作ってみたjavascriptプログラム。テーブルをDOMを使ってごりごり書き換えてソートできるようにするjavascriptで書かれたスクリプトが実行されるように書き換える串。 [37] [CODE(HTMLe)@en[[[table]]]] [[要素型]]に丁度対応する[Q[[[表]]]]という[[日本語]]の[[単語]]があるにも関わらず、 なぜか、よく[Q@en[[[テーブル]]]]と[[片仮名]]で呼ばれます。 中には、[Q[[[表]]]]と[Q@en[[[テーブル]]]] ([CODE(HTMLe)@en[[[table]]]]) を区別している人もいるようですが、 そうすることに何か利点はあるのでしょうかね? そういうことをしている人は、分かってやっているのなら良いのですが、 どうも[[表]]とは何か分かっていないきらいがありまして。 [39] [CITE[05/10/2003勉強会の記録]] ([[名無しさん]]) [[#comment]] * メモ