コンテンツ作成のヒントコンテンツ作成のヒント

  • ウェブページアドレスとメールアドレスは、自動的にハイパーリンクに変換されます。
  • 使用できるHTMLタグ: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>

    このサイトではHTMLで書かれたコンテンツの投稿を許可しています。 HTMLのすべてを習得するのは気が引けるかもしれませんが、ごく少数の基本的なHTML「タグ」の使い方を習得するのはとても簡単です。 以下の表では、このサイトで利用できるタグを、一例を挙げて説明しています。

    より詳細な情報は、W3CのHTML Specifications(英文)や、W3C 仕様書等の日本語訳集を参照するか、好みの検索エンジンからHTMLについて解説しているサイトを探し、それらを参考にしてください。

    タグの説明記述例表示例
    アンカーは他ページへのリンク作成に使用します。<a href="http://en.pixture.com/drupal">PIXTURE STUDIO</a>PIXTURE STUDIO
    強調<em>強調</em>強調
    強調<strong>強調</strong>強調
    引用<cite>引用</cite>引用
    テキストをプログラムのソースコードとして明示するために使われます。<code>コード</code>コード
    順序無しリスト - 各リスト項目を <li></li> で囲み、全体を <ul></ul> で囲みます。<ul> <li>1番目の項目</li> <li>2番目の項目</li> </ul>
    • 1番目の項目
    • 2番目の項目
    順序付きリスト - 各リスト項目を <li></li> で囲み、全体を <ol></ol> で囲みます。<ol> <li>1番目の項目</li> <li>2番目の項目</li> </ol>
    1. 1番目の項目
    2. 2番目の項目
    定義リストは他の HTML リストと似ています。 定義用語を <dt></dt> 、その用語の説明を<dd></dd> で囲み、全体を <dl></dl> で囲みます。<dl> <dt>1番目の用語</dt> <dd>1番目の定義</dd> <dt>2番目の用語</dt> <dd>2番目の定義</dd> </dl>
    1番目の用語
    1番目の定義
    2番目の用語
    2番目の定義

    ほとんどの特殊記号は、特に問題なく直接入力することができます。

    問題が生じた場合は、HTMLのエンティティ表記を使用してみてください。 例えば、&amp; と入力した場合はアンド記号の「&」のように表示されます。 エンティティの全リストは、HTMLのエンティティページを参照してください。

    エンティティ表記の一例:

    文字の説明記述例表示例
    アンパサンド(&)&amp;&
    大なり記号(>)&gt;>
    小なり記号(<)&lt;<
    引用符(")&quot;"
  • 行と段落は自動的に認識され、<br />(改行タグ)や <p> </p>(段落の開始・終了タグ)が自動的に挿入されます。 もし段落が認識されない場合は、空行を2つ加えてください。
  • 次のタグを使用してソースコード構文をハイライトすることができます:

    • 一般的な構文ハイライトタグ: "<code>", "<blockcode>"
    • 言語特有の構文ハイライトタグ:

    オプションと使用のヒント:

    • 一般的な構文ハイライトを行う言語では、タグの属性として type, lang, language, class のいずれかを指定できます。 指定した属性に設定できる値は "bash" (Bash コード), "c" (C コード), "cpp" (C++ コード), "css" (CSS コード), "diff" (Diff コード), "drupal5" (Drupal 5 コード), "drupal6" (Drupal 6 コード), "html4strict" (HTML コード), "java" (Java コード), "javascript" (Javascript コード), "make" (GNU make コード), "mysql" (MySQL コード), "perl" (Perl コード), "php" (PHP コード), "python" (Python コード), "rails" (Rails コード), "ruby" (Ruby コード), "sql" (SQL コード), "text" (Text コード), "vb" (Visual Basic コード) です。
    • The supported tag styles are: <foo>, [foo].
    • 行番号の表示/非表示は "linenumbers" 属性を使用して設定します。 行番号の表示方法として選択できる値は、"off" (行番号を表示しない)、"normal" (一般的な行番号を表示)、"fancy" (指定行毎に行番号を装飾)です。 開始番号を指定する場合は "start" 属性を使用します。 開始番号を設定した場合、行番号の表示指定をしていなくても自動的にノーマルタイプの行番号が表示されます。 また、指定行毎に行番号の装飾を行う場合は、何行毎に装飾するかの行数を "fancy" 属性の値として設定します。 行番号の装飾を設定した場合、行番号の表示指定をしていなくても自動的に装飾された行番号が表示されます。
    • タグとタグで括られたコンテナ内のソースコードに改行が含まれる場合(例: 開始タグの直後など)、ハイライトされたソースコードはコードブロックとして表示され、そうでない場合はインラインコードとして表示されます。
    • A title can be added to a code block with the attribute "title".

    デフォルト:

    • 一般的な構文ハイライトタグのためのデフォルトのハイライトモード: language 属性が指定されていない場合、構文のハイライトは行われません。
    • デフォルトの行番号表示: 行番号あり(ノーマル)

    例:

    入力出力
    <code>foo = "bar";</code>デフォルトモードで構文ハイライトされたインラインコード
    <code>
    foo = "bar";
    baz = "foz";
    </code>
    デフォルトモードで構文ハイライトされたコードブロック
    <code lang="html4strict" linenumbers="normal">
    foo = "bar";
    baz = "foz";
    </code>
    HTML ソースコードとして構文ハイライトされたコードブロック
    ノーマルタイプの行番号を表示
    <code language="html4strict" start="23" fancy="7">
    foo = "bar";
    baz = "foz";
    </code>
    HTML ソースコードとして構文ハイライトされたコードブロック
    23 から開始される行番号を表示
    7 行毎に行番号を装飾