ソースを表示

提供：WORLFARD-LABO

ウィキマークアップを使用することによりテキストの整形ができます。テキスト整形マークアップには、アスタリスク・シングルクォート・等号などごく一般的な記号を使用します。これらの記号がウィキ内では特別な機能を果たすのです（一部の記号は特定の位置で使った時だけ機能します）。例えばことばを''イタリック体''にするには、そのことばを<code><nowiki>''このように''</nowiki></code>シングルクオート2つではさみます。 == テキスト整形のマークアップ== {| class="wikitable" ! style="width:15%" |説明 ! style="width:45%" | 入力内容 ! style="width:40%" | 表示結果 |- ! colspan="3" align="center" | 文字整形 - ''どこでも有効'' |- |イタリック |<pre>''イタリック''</pre> |''イタリック'' |- | ボールド |<pre>'''ボールド'''</pre> |'''ボールド''' |- | ボールドとイタリック |<pre>'''''ボールドとイタリック'''''</pre> |'''''ボールドとイタリック''''' |- |ウィキマークアップを回避 |<pre>&lt;nowiki>''マークアップ''なし</nowiki></pre> |<nowiki>''マークアップ''なし</nowiki> |- ! colspan="3" align="center" | 段落整形 - ''行冒頭でのみ有効'' |- |異なるサイズの見出し | <pre>=レベル 1= ==レベル 2== === レベル 3=== ==== レベル 4==== ===== レベル 5===== ====== レベル 6======</pre> 4つ以上の見出しを作成すると [http://ja.wikipedia.org/wiki/Help:セクション#目次 目次]が自動的に作成されます。 レベル 1の見出しはページ名と同じスタイルに整形され、混乱のもととなりますので、'''使用を控えるべきです'''。 | <div style="font-size: 188%; margin: 0; padding-top: .5em; padding-bottom: .17em; border-bottom: 1px solid #aaa;">レベル 1</div> <div style="font-size: 150%; margin: 0; padding-top: .5em; padding-bottom: .17em; border-bottom: 1px solid #aaa;">レベル 2</div> <div style="font-size: 132%; border-bottom: none; font-weight: bold;">レベル 3</div> <div style="font-size: 100%; border-bottom: none; font-weight: bold;">レベル 4</div> <div style="font-size: 86%; border-bottom: none; font-weight: bold;">レベル 5</div> <div style="font-size: 80%; border-bottom: none; font-weight: bold;">レベル 6</div> |- |水平線 | <pre>----</pre> | ---- |- |点付きリスト（箇条書き） | <pre> * いち * に * さん ** さん の いち ** さん の に </pre> 空行を間にいれるとそこでリストが終了し、新しいリストが開始されます。 | * いち * に * さん ** さん の いち ** さん の に |- |番号付リスト | <pre> # いち # に<br />番号を連続させつつ<br />改行する # さん ## さん の いち ## さん の に </pre> | # いち # に<br />番号を連続させつつ<br />改行する # さん ## さん の いち ## さん の に |- |定義リスト | <pre> ;項目 1 :定義 1 ;項目 2 :定義 2-1 :定義 2-2 </pre> | ;項目 1 :定義 1 ;項目 2 :定義 2-1 :定義 2-2 |- |定義リストをインデントに転用する | <pre>:シングルインデント ::ダブルインデント :::::複数インデント</pre> この使い方はアクセシビリティの観点から反対する見解もあります。 | :シングルインデント ::ダブルインデント :::::複数インデント |- | 複数種のリストを混在させる | <pre> # いち # に #* に の いち #* に の に # さん #; さんの項目1 #: さんの定義1 # よん #: よんの定義1 #: これは # よん の続きにも見えるので #: <br />の代わりに使われることがあります ;項目 1 :* 定義 1-1 :* 定義 1-2 : ;項目 2 :# 定義 2-1 :# 定義 2-2 </pre> 項目内の改行のために <code>#:</code> や <code>*:</code> を使うことにも同様に反対の見解があります。 | # いち # に #* に の いち #* に の に # さん #; さんの項目1 #: さんの定義1 # よん #: よんの定義1 #: これは <code># よん</code> の続きにも見えるので #: <code><nowiki><br /></nowiki></code>の代わりに使われることがあります ;項目 1 :* 定義 1-1 :* 定義 1-2 : ;項目 2 :# 定義 2-1 :# 定義 2-2 |- |未整形テキスト | <pre> 行の最初に'''スペース'''を ''挿入''すると 未整形のままになる </pre> この方式は段落整形のみを無効にし、文字整形のマークアップは有効のままです。 | 行の最初に'''スペース'''を ''挿入''すると 未整形のままになる |} == 段落 == MediaWikiは通常の改行を無視します。新しい段落は空白行を残してから始めます。段落内で改行を強制するためにはHTMLタグの <pre><br> or <br /></pre>を使うことができます。 == HTML == MediaWikiではいくつかの [[w:ja:HyperText Markup Language|HTML]] タグが認められています。これには<code><nowiki><code></nowiki></code>, <code><nowiki><div></nowiki></code>, <code><nowiki><span></nowiki></code> および <code><nowiki><font></nowiki></code> などがあります。これらのマークアップはどこで使用しても有効です。 {| class="wikitable" ! style="width:15%" |説明 ! style="width:45%" | 入力内容 ! style="width:40%" | 表示結果 |- |等幅テキスト | <pre><tt>等幅テキスト</tt></pre> | <tt>等幅テキスト</tt> |- |段落引用 | <pre> 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 <blockquote> 引用引用引用引用引用引用引用引用引用 </blockquote> 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 </pre> | 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 <blockquote> 引用引用引用引用引用引用引用引用引用 </blockquote> 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 |- |コメント | <pre><!--これはコメントです--></pre> | <!--これはコメントです--> |- |未整形テキスト | <pre><pre>このようにするとすべてのマークアップが'''無視されます'''&lt;/pre></pre> | <pre> このようにするとすべてのマークアップが'''無視されます'''</pre> |} == ウィキの表マークアップ概要 == {|cellpadding="5" cellspacing="0" border="1" width="60%" | <nowiki>{|</nowiki> | '''表の開始''' |- | <nowiki>|+</nowiki> | 表の'''題（キャプション）''': ''省略可''。表の開始記号と最初の行の間でのみ有効 |- | <nowiki>|-</nowiki> | '''行の開始''': ''最初の行は省略可''（MediaWIkiが自動的に補完）。 |- | <nowiki>!</nowiki> | '''見出し'''セル: ''省略可''。連続する見出しセルは、各セルを<code><nowiki>!!</nowiki></code> または <code><nowiki>||</nowiki></code> で区切って同一行に書くか、新規行に <code><nowiki>!</nowiki></code>に続けて書く。 |- | <nowiki>|</nowiki> | '''データ'''セル: ''必須!'' 連続するセルは、各セルを <code><nowiki>||</nowiki></code> で区切って同一行に書くか、新規行に <code><nowiki>|</nowiki></code>に続けて書く。 |- | <nowiki>|}</nowiki> | '''表の終了''' |} *上述の各マークアップは'''新しい行の冒頭に書く必要があります'''。ただしは連続するセルを同一行に書くための二重の<code>||</code>と<code>!!</code>は例外です。また新規行の冒頭にある半角空白は無視されます。 *'''XHTML属性'''。各マークアップは、表の終了マークアップを除き、XHTML属性を与えることができます。属性はマークアップと同一行に書かなければなりません。各属性の間はシングルスペースで分離してください。 **セルと題（<code>|</code> または <code>||</code>、 <code>!</code> または <code>!!</code>、 <code>|+</code>）は内容のある部分ですので、中身と属性を区別するためにパイプ記号（<code>|</code>）を使用します。セルの内容は属性と同じ行に書いても、次の行に書いても構いません。 **表の開始と行の開始のマークアップ（<code>{|</code> と <code>|-</code>）はそれ自身の内容はない部分です。属性指定の後にパイプ記号（<code>|</code>）を'''加えないで'''ください。これらの開始記号のあとに加えられたパイプは、ページの生成時に直前の文字列とともに除去されるため、表が意図通り生成されなくなることがあります。 *'''セルの内容'''は（ア）セル開始のマークアップと同一行に書く、（イ）マークアップの次以下の行に書く、のいずれも可能です。行の冒頭に使用しないと有効でないウィキマークアップ（リスト、見出し、入れ子にする表など）をセルの中に入れるためには、新しい行に書く必要があります。 ==基本== 下記のテーブルには罫線がなく、間隔の取り方もよくありませんが、最も単純なウィキマークアップによる表を示しています。 {| cellspacing="0" border="1" !style="width:50%"|入力内容 !style="width:50%"|表示結果 |- | <pre> {| |みかん |りんご |- |おにぎり |パン |- |みそ |しょう油 |} </pre> | {| |みかん |りんご |- |おにぎり |パン |- |みそ |しょう油 |} |} 表中の同一行のセルは、編集テキストの同一行に<code>||</code>で区切って記述できます。 編集テキスト中の余分なスペースは表示結果に反映されません。 {| cellspacing="0" border="1" !style="width:50%"|入力内容 !style="width:50%"|表示結果 |- | <pre> {| | みかん || りんご || その他 |- | おにぎり || パン || その他 |- | みそ || しょう油|| その他 |} </pre> | {| | みかん || りんご || その他 |- | おにぎり || パン || その他 |- | みそ || しょう油|| その他 |} |} ===見出しセル=== <code>|</code>の代わりに "<code>!</code>" を使うと見出しセルになります。見出しはデフォルトではボールド体・中央揃えで表示されます。 {| cellspacing="0" border="1" !style="width:50%"|入力内容 !style="width:50%"|表示結果 |- | <pre> {| ! 項目 ! 数量 ! 値段 |- |みかん |10 |700 |- |おにぎり |4 |300 |- |みそ |1 |500 |- !合計 | |1500 |} </pre> | {| ! 項目 ! 数量 ! 値段 |- |みかん |10 |700 |- |おにぎり |4 |300 |- |みそ |1 |500 |- !合計 | |1500 |} |} ===表の題=== '''表の題'''は次のように加えることができます。 {| cellspacing="0" border="1" !style="width:50%"|入力内容 !style="width:50%"|表示結果 |- | <pre> {| |+ 食べものリスト |- |みかん |りんご |- |おにぎり |パン |- |みそ |しょう油 |} </pre> | {| |+ 食べものリスト |- |みかん |りんご |- |おにぎり |パン |- |みそ |しょう油 |} |} == XHTML属性 == 表にはXHTML属性を付加できます。XHTML属性についてもっとも信頼できる記述については、[http://www.w3.org/TR/REC-html40/struct/tables.html W3C の配布する HTML 4.01 仕様書の表の項目]を参照してください。 === 表全体の属性 === 表の開始マークアップ（<code>{|</code>）に続けて付加された属性は表全体に適用されます。 {| cellspacing="0" border="1" !style="width:50%"|入力内容 !style="width:50%"|表示結果 |- | <pre> {| border="1" |みかん |りんご |12,333.00 |- |おにぎり |パン |500.00 |- |みそ |しょう油 |1.00 |} </pre> | {| border="1" |みかん |りんご |12,333.00 |- |おにぎり |パン |500.00 |- |みそ |しょう油 |1.00 |} |} === セルの属性 === 各'''セル'''にも属性を付加できます。例えば、数値は右寄せの方が見やすいかもしれません。 {| cellspacing="0" border="1" !style="width:50%"|入力内容 !style="width:50%"|表示結果 |- | <pre> {| border="1" |みかん |りんご |align="right" | 12,333.00 |- |おにぎり |パン |align="right" | 500.00 |- |みそ |しょう油 |align="right" | 1.00 |} </pre> | {| border="1" |みかん |りんご |align="right"|12,333.00 |- |おにぎり |パン |align="right"|500.00 |- |みそ |しょう油 |align="right"|1.00 |} |} ===行の属性=== 個々の'''行'''にも属性を設定することができます。 {| cellspacing="0" border="1" !style="width:50%"|入力内容 !style="width:50%"|表示結果 |- | <pre> {| border="1" |みかん |りんご |align="right"|12,333.00 |- |おにぎり |パン |align="right"|500.00 |- style="font-style:italic; color:green;" |みそ |しょう油 |align="right"|1.00 |} </pre> | {| border="1" |みかん |りんご |align="right"|12,333.00 |- |おにぎり |パン |align="right"|500.00 |- style="font-style:italic; color:green;" |みそ |しょう油 |align="right"|1.00 |} |} ===CSSスタイル=== CSSスタイル属性を、他のHTML属性の有無にかかわらず加えることができます。 {| cellspacing="0" border="1" !style="width:50%"|入力内容 !style="width:50%"|表示結果 |- | <pre style="white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; white-space:pre-wrap; word-wrap:break-word; word-break:break-all;"> {| style="color:green; background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1" |みかん |りんご |- |おにぎり |パン |- |みそ |しょう油 |} </pre> | {| style="color:green; background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1" |みかん |りんご |- |おにぎり |パン |- |みそ |しょう油 |} |} 表の題や見出しにも属性は追加できます。 {| cellspacing="0" border="1" !style="width:50%"|入力内容 !style="width:50%"|表示結果 |- | <pre style="white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; white-space:pre-wrap; word-wrap:break-word; word-break:break-all;"> {| border="1" cellpadding="20" cellspacing="0" |+ align="bottom" style="color:#e76700;" |''食べものリスト'' |- |みかん |りんご |- |おにぎり |パン |- |みそ |しょう油 |} </pre> | {| border="1" cellpadding="20" cellspacing="0" |+ align="bottom" style="color:#e76700;" |''食べものリスト'' |- |みかん |りんご |- |おにぎり |パン |- |みそ |しょう油 |} |} ==注意事項== ===負の値=== 新しい行の冒頭にマイナス記号を持つ負の数値（または負の数値を返す引数）があると、表が崩れてしまうことがあります。これは<code>|-</code>の記号が新しい表の列を開始するマークアップだからです。これを避けるためには、マイナス記号の前にスペースを挿入する（<code>| -6</code>）か、前のセルと同じ行に続けて <code>|| -6</code> のように記述してください。

ヘルプ:編集に戻る。