From MediaWiki.org
|
|
注意事項: このページを編集する場合、投稿した文章がパブリックドメインの元で公開されることに同意したと見なされます。ライセンスの制限の理由から投稿を望まないもしくは出来ない場合は、編集をお控え頂くようお願いします。 このページはパブリックドメインヘルプページの一つで、新しいwikiにコピーおよび配信することが自由に出来ます; すべてのページの概要に関してはHelp:Contents/jaをご覧下さい。 |
テーブルは、直接HTMLテーブルの要素を使用するか、またはテーブルを定義するためのwiki構文による書式設定によりwikiのページに書く事が出来ます。 HTML要素のテーブルとその使用方法については、様々なウェプページで十分に説明されているためここでは取り上げません。wiki構文の利点はHTML要素のテーブルと比べて記事の編集にあたりテーブルの構造を読み取る事がより理解しやすいキャラクタシンボルによってテーブルを構成出来る事です。
一般的な経験によれば、あなたが必要としないならテーブルを使用する事は避けたほうがよいでしょう。テーブルマークアップは大抵の場合、ページの編集を複雑にします。
[edit] Wikiテーブルマークアップの概要
| {| |
テーブルを開始します。 |
| |+ |
テーブルの表題(キャプション), 省略可; テーブル毎一つだけ、テーブルの開始と最初の行の間に設定。 |
| |- |
テーブルの行, 最初の行では省略可 -- wikiエンジンは行の開始と解釈します。 |
| ! |
テーブルの見出し セル, 省略可; 連続したテーブルの見出しは二重マーク(!!)により区切り、同じ行に加えていってもよいし、新しい行にそれぞれの単一のマーク(!)によって開始してもよい。 |
| | |
テーブルデータ のセル, 必須! 連続したテーブルのデータは二重マーク(||)により区切り、同じ行に加えていってもよいし、新しい行にそれぞれの単一のマーク(|)によって開始してもよい。 |
| |} |
テーブルを終了します。 |
- 上記の各マークは任意に連続したセルを行に追加するための二重の||と!!を除いて、新しい行での開始をしなければなりません。
- XHTML属性 テーブルエンドを除き、それぞれのマークはオプションとして1つ以上のXHTML属性を受け入れます。 それぞれの属性はシングルスペースで分離してください。
- セルと表題(| 又は ||, ! 又は !!, そして |+) は内容を保持します。従って、あらゆる属性は、単一のパイプ(|)で内容を区切ってください。セルの内容を同じ行、又は次の行で続けられます。
- テーブルと行マーク({| と |-) は直接内容を保持しません。それらの任意の属性の後にパイプ(|)を加えないでください。もし、テーブルの開始マークか行のマークでの属性にパイプを誤って加えると、パーサー(構文解析プログラム)はそれとパイプに付属していた最終的な属性を削除するでしょう。!
- 内容は(a)どんな任意のXHTML属性の後に同じ行でのセルマークに続けてもよいし、又は(b)セルマークの下の行に続けてもよい。リスト、ヘッダー、または入れ子にされたテーブルなどのように、それ自体、新しい行で開始する必要があるwikiマークアップを使用する内容は、もちろん、それ自身の新しい行ににあるべきです。
[edit] 単純なテーブル
下記のテーブルは境界線がなく、間隔の取り方もよくはありませんが、最も単純なwikiマークアップテーブルの構造を示しています。
| オレンジ |
アップル |
| ブレッド |
パイ |
| バター |
アイス |
|
{|
|オレンジ
|アップル
|-
|ブレッド
|パイ
|-
|バター
|アイス
|}
|
よりテーブルらしく見せるために、wikiマークアップのセルを1つの行で||によって区切る事によって記載することができます。これは、より長いセルの内容を段落にわけるというような、スケールの調整はうまくできません。しかしながら、少量の記事においては、このテーブルの例のようによく機能します。
wikiマークアップ自体を読みやすくするために、以下のwikiマークアップでしているようにwikiマークアップにおけるセルの中に余分なスペースを加えることができますが、実際のテーブル表示には影響しません。
HTML属性をこのページのテーブルに加えることができますが、下記の例示では簡潔にするために除外しています。
| オレンジ |
アップル |
続ける、 |
| ブレッド |
パイ |
続ける、 |
| バター |
アイス |
さらに続ける、 |
|
{|
| オレンジ || アップル || 続ける、
|-
| ブレッド || パイ || 続ける、
|-
| バター || アイス || さらに続ける、
|}
|
[edit] HTML属性の使用
テーブルをより良く見せるためにHTML属性を加えることができます。
[edit] border="1"
| オレンジ |
アップル |
| ブレッド |
パイ |
| バター |
アイス |
|
{| border="1"
|オレンジ
|アップル
|-
|ブレッド
|パイ
|-
|バター
|アイス
|}
|
[edit] align="center" border="1"
| オレンジ |
アップル |
| ブレッド |
パイ |
| バター |
アイス |
|
{| align="center" border="1"
|オレンジ
|アップル
|-
|ブレッド
|パイ
|-
|バター
|アイス
|}
|
[edit] align="right" border="1"
属性を個々のセルに設定する事ができます。 数値の例として右揃えにすればより見やすいでしょう。
| オレンジ |
アップル |
12,333.00 |
| ブレッド |
パイ |
500.00 |
| バター |
アイス |
1.00 |
|
{| border="1"
|オレンジ
|アップル
|align="right"|12,333.00
|-
|ブレッド
|パイ
|align="right"|500.00
|-
|バター
|アイス
|align="right"|1.00
|}
|
個々の行にも属性を設定することができます。
| オレンジ |
アップル |
12,333.00 |
| ブレッド |
パイ |
500.00 |
| バター |
アイス |
1.00 |
|
{| border="1"
|オレンジ
|アップル
|align="right"|12,333.00
|-
|ブレッド
|パイ
|align="right"|500.00
|- style="font-style:italic;color:green;"
|バター
|アイス
|align="right"|1.00
|}
|
[edit] cellspacing="0" border="1"
| オレンジ |
アップル |
| ブレッド |
パイ |
| バター |
アイス |
|
{| cellspacing="0" border="1"
|オレンジ
|アップル
|-
|ブレッド
|パイ
|-
|バター
|アイス
|}
|
[edit] cellpadding="20" cellspacing="0" border="1"
| オレンジ |
アップル |
| ブレッド |
パイ |
| バター |
アイス |
|
{| cellpadding="20" cellspacing="0" border="1"
|オレンジ
|アップル
|-
|ブレッド
|パイ
|-
|バター
|アイス
|}
|
[edit] HTML属性とCSSスタイルの使用
CSSスタイル属性を、他のHTML属性の有無にかかわらず加えることができます。
[edit] style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
| オレンジ |
アップル |
| ブレッド |
パイ |
| バター |
アイス |
|
{| style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|オレンジ
|アップル
|-
|ブレッド
|パイ
|-
|バター
|アイス
|}
|
[edit] TH見出しを用いたテーブル
TH(HTMLテーブル見出し)を | の代わりに ! を使用して作成することができます。 デフォルトでは、見出しは通常、太字でセンタリングの強調表示がされます。
[edit] 上部の見出し
[edit] それぞれの列
| 美味しい |
更に美味しい |
| オレンジ |
アップル |
| ブレッド |
パイ |
| バター |
アイス |
|
{| border="1" cellpadding="20" cellspacing="0"
!美味しい
!更に美味しい
|-
|オレンジ
|アップル
|-
|ブレッド
|パイ
|-
|バター
|アイス
|}
|
[edit] Colspan="2"
| 美味しい食べ物 |
| オレンジ |
アップル |
| ブレッド |
パイ |
| バター |
アイス |
|
{| border="1" cellpadding="20" cellspacing="0"
! colspan="2"|美味しい食べ物
|-
|オレンジ
|アップル
|-
|ブレッド
|パイ
|-
|バター
|アイス
|}
|
| 果物 |
オレンジ |
アップル |
| 食品 |
ブレッド |
パイ |
| 添え物 |
バター |
アイス |
|
{| border="1" cellpadding="20" cellspacing="0"
!果物
|オレンジ
|アップル
|-
!食品
|ブレッド
|パイ
|-
!添え物
|バター
|アイス
|}
|
以下のように右揃えをした横の見出しができます。
| 果物 |
オレンジ |
アップル |
| 食品 |
ブレッド |
パイ |
| 添え物 |
バター |
アイス |
|
{| border="1" cellpadding="20" cellspacing="0"
!align="right" |果物
|オレンジ
|アップル
|-
!align="right" |食品
|ブレッド
|パイ
|-
!align="right" |添え物
|バター
|アイス
|}
|
[edit] 表題(キャプション)
以下のようにどのテーブルの上部にもテーブルの表題(キャプション)を加えることができます。
料理に合う食材
| オレンジ |
アップル |
| ブレッド |
パイ |
| バター |
アイス |
|
{| border="1" cellpadding="20" cellspacing="0"
|+料理に合う食材
|-
|オレンジ
|アップル
|-
|ブレッド
|パイ
|-
|バター
|アイス
|}
|
以下のように属性を表題に追加することができます。
料理に合う食材
| オレンジ |
アップル |
| ブレッド |
パイ |
| バター |
アイス |
|
{| border="1" cellpadding="20" cellspacing="0"
|+align="bottom" style="color:#e76700;"|''料理に合う食材''
|-
|オレンジ
|アップル
|-
|ブレッド
|パイ
|-
|バター
|アイス
|}
|
[edit] H1, H2, H3, 他 の見出しを用いたテーブル
HTML H1, H2, H3, H4, 他 の見出しは、==等号==記号を用いた標準のwikiマークマークアップ方法で作成することができ、機能するためにはそれ自体全て同じ行にあるべきです。
テーブル全体のプレビュー もしテーブル見出しの中の編集タブをクリックし、編集、プレビューをすると元テーブルの部分が欠けているので、そのテーブルは誤って壊れた状態で表示されるでしょう。
ページ上部での目次が正しく機能するように、見出しの階層をページの他の箇所と一致するようにしておいてください。
[edit] Yummiest
|
| オレンジ |
アップル |
| ブレッド |
パイ |
| バター |
アイス |
|
{| border="3" cellpadding="20" cellspacing="0"
|colspan="2"|
===Yummiest===
|-
|オレンジ
|アップル
|-
|ブレッド
|パイ
|-
|バター
|アイス
|}
|
負の値マイナス記号はテーブルを壊します(いくつかの数値の表示を失うかもしれません) 。もし、新しい行のセルを負の数値又は負の数値として評価されるパラメータによって開始したなら(|-6)、それはwikiマークアップの行の開始となるため、テーブルのセルにはなりません。又はこれを避けるためには、数値の前にスペースを挿入(| -6)するか、インラインセルマークアップを使用(||-6)してください。