Help:Tables/ja

テーブルは、直接HTMLテーブルの要素を使用するか、またはテーブルを定義するためのwiki構文による書式設定によりwikiのページに書く事が出来ます. HTML要素のテーブルとその使用方法については、様々なウェプページで十分に説明されているためここでは取り上げません. wiki構文の利点はHTML要素のテーブルと比べて記事の編集にあたりテーブルの構造を読み取る事がより理解しやすいキャラクタシンボルによってテーブルを構成出来る事です.

一般的な経験によれば、あなたが必要としないならテーブルを使用する事は避けたほうがよいでしょう. テーブルマークアップは大抵の場合、ページの編集を複雑にします.

Wikiテーブルマークアップの概要

 * 上記の各マークは任意に連続したセルを行に追加するための二重の||と!!を除いて、新しい行での開始をしなければなりません.
 * XHTML属性 テーブルエンドを除き、それぞれのマークはオプションとして1つ以上のXHTML属性を受け入れます. それぞれの属性はシングルスペースで分離してください.
 * セルと表題( | 又は ||, ! 又は !!, そして |+ ) は内容を保持します. 従って、あらゆる属性は、単一のパイプ(|)で内容を区切ってください. セルの内容を同じ行、又は次の行で続けられます.
 * テーブルと行マーク( {| と |- ) は直接内容を保持しません. それらの任意の属性の後にパイプ(|)を加えないでください. もし、テーブルの開始マークか行のマークでの属性にパイプを誤って加えると、パーサー(構文解析プログラム)はそれとパイプに付属していた最終的な属性を削除するでしょう. !
 * 内容は(a)どんな任意のXHTML属性の後に同じ行でのセルマークに続けてもよいし、又は(b)セルマークの下の行に続けてもよい. リスト、ヘッダー、または入れ子にされたテーブルなどのように、それ自体、新しい行で開始する必要があるwikiマークアップを使用する内容は、もちろん、それ自身の新しい行ににあるべきです.

簡素な方法
下記のテーブルは境界線がなく、間隔の取り方もよくはありませんが、最も単純なwikiマークアップテーブルの構造を示しています. {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

代替方法
よりテーブルらしく見せるために、wikiマークアップのセルを1つの行で||によって区切る事によって記載することができます. これは、より長いセルの内容を段落にわけるというような、スケールの調整はうまくできません. しかしながら、少量の記事においては、このテーブルの例のようによく機能します.

wikiマークアップ自体を読みやすくするために、以下のwikiマークアップでしているようにwikiマークアップにおけるセルの中に余分なスペースを加えることができますが、実際のテーブル表示には影響しません.

HTML属性をこのページのテーブルに加えることができますが、下記の例示では簡潔にするために除外しています.

HTML属性の使用
テーブルをより良く見せるためにHTML属性を加えることができます.

border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

align="center" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

align="right" border="1"
属性を個々のセルに設定する事ができます. 数値の例として右揃えにすればより見やすいでしょう. {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

個々の行にも属性を設定することができます. {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

cellspacing="0" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

cellpadding="20" cellspacing="0" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

HTML属性とCSSスタイルの使用
CSSスタイル属性を、他のHTML属性の有無にかかわらず加えることができます.

style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

TH見出しを用いたテーブル
TH(HTMLテーブル見出し)を | の代わりに ! を使用して作成することができます. デフォルトでは、見出しは通常、太字でセンタリングの強調表示がされます.

それぞれの列
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

既定値
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

右揃え
以下のように右揃えをした横の見出しができます. {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

表題(キャプション)
以下のようにどのテーブルの上部にもテーブルの表題(キャプション)を加えることができます. {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

以下のように属性を表題に追加することができます.

{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

H1, H2, H3, 他 の見出しを用いたテーブル
HTML H1, H2, H3, H4, 他 の見出しは、==等号==記号を用いた標準のwikiマークマークアップ方法で作成することができ、機能するためには'''それ自体全て同じ行にあるべきです. '''

テーブル全体のプレビュー もしテーブル見出しの中の編集タブをクリックし、編集、プレビューをすると元テーブルの部分が欠けているので、そのテーブルは誤って壊れた状態で表示されるでしょう.

ページ上部での目次が正しく機能するように、見出しの階層をページの他の箇所と一致するようにしておいてください.

{| width="100%" {| border="1" cellpadding="20" cellspacing="0"
 * width="50%"|
 * colspan="2"|

Yummiest
{| border="3" cellpadding="20" cellspacing="0"
 * オレンジ
 * アップル
 * ブレッド
 * パイ
 * バター
 * アイス
 * }
 * width="50%"|
 * アイス
 * }
 * width="50%"|
 * colspan="2"|

Yummiest

 * オレンジ
 * アップル
 * ブレッド
 * パイ
 * バター
 * アイス
 * }
 * バター
 * アイス
 * }
 * }

負の値
負の値マイナス記号はテーブルを壊します(いくつかの数値の表示を失うかもしれません). もし、新しい行のセルを負の数値又は負の数値として評価されるパラメータによって開始したなら(|-6)、それはwikiマークアップの行の開始となるため、テーブルのセルにはなりません. 又はこれを避けるためには、数値の前にスペースを挿入(| -6)するか、インラインセルマークアップを使用(||-6)してください.