HTML タグの入力方法

「すぐ使えるCMS」ではHTMLタグの入力が可能です。入力できるタグの種類に制限はありません。

HTMLタグ入力の方法概要

HTMLタグを入力する時は {{{ と }}} で囲って下さい。

HTMLタグを簡単に入力する方法

タグ入力を簡単に行うために、右クリックからのフォーマット入力や、「よく使うタグ」が用意されています。詳しくは「すぐ使えるCMS」の操作マニュアルをご覧下さい。

入力例と表示の対応

このページでは、タグ入力規則がどのように反映されるかについてご説明します。

管理画面での入力例

詳しくは{{{<a href="/index.html">こちら</a>}}}をご覧下さい。

変換されるHTMLコード

上記の管理画面入力は、下記の様にHTMLとして書き出されます。

詳しくは<a href="/index.html">こちら</a>をご覧下さい。

対応する表示

表示は、以下の様になります。

詳しくはこちらをご覧下さい。

HTMLタグ入力時の注意点

HTMLタグ入力をする場合は、1組の {{{ と }}} の内部でHTMLタグが完結する（＝開始タグと終了タグが両方ある）ように入力して下さい。

よい例

{{{
<div style="font-weight: bold;">
<p>長い文章を書きます。<br>
これは入力例です。
</p>
</div>
}}}

文中に画像など{{{<img src="dammy.gif">}}}を埋め込むことは可能です。

悪い例

下記のように、HTMLタグだけを {{{ と }}} で囲い、中の文章は自動的にHTMLタグ付させようと思ってもうまく機能しません。

{{{<div style="font-weight: bold;">}}}
長い文章を書きます。
これは入力例です。
{{{</div>}}}

コメントタグを冒頭に書かない

{{{ と }}} で囲われたブロックがコメントタグで始まると、それも、「タグが完結していない」のと同じ事になります。コメントタグを挟む場合は、一つ内側に入れて下さい。

良いコメントタグの書き方例

{{{
<table>
<!-- コメントはここに入れて下さい -->
<tr><th>見出し</th></tr>
<tr><td>データ</td></tr>
</table>
}}}

悪いコメントタグの書き方例

{{{
<!-- ここにコメントを入れるとうまくタグ付できません -->
<table>
<tr><th>見出し</th></tr>
<tr><td>データ</td></tr>
</table>
}}}

使用できるHTMLタグ

{{{ と }}} で囲えば、すべてのHTMLタグが使用できます。画像タグ（<img>タグ）やテキストリンク（<a>タグ）の他、<script> や <style>、<iframe> なども使えます。

<script>タグの入力とセキュリティについて

管理画面にアクセスできるのはサイトの管理者のみですので、<script> などを入力することによるセキュリティの危険はありません。

見出しタグの入力方法

見出しタグ（ヘディングタグ。<h2>、<h3>、<h4>）は、HTML タグ入力以外にカッコの入力でも指定できます。変換規則は以下の通りです。

ヘディングタグ変換用の入力規則

ヘディングの入力例

{中カッコは2番ヘッダに変換}
このパラグラフの内容を書きます。
 
[角カッコは3番ヘッダに変換]
このパラグラフの内容を書きます。
 
(丸カッコは4番ヘッダに変換)
このパラグラフの内容を書きます。