<{literal}> タグに囲まれたデータのブロックは、リテラルとして認識されます。これは一般的に、Javascript やスタイルシートなどで中括弧がテンプレートの デリミタ として解釈されるとまずい場合に使用します。ただし、Simplate の場合はデフォルトデリミタが <{ }> なので、通常、<{literal}> タグを使用することはありません。<{literal}><{/literal}> タグの内部は解釈されず、そのままで表示されます。
<{literal}>
<script type="text/javascript">
<!--
function isblank(field)
{
if (field.value == ''){
return false;
} else {
document.loginform.submit();
return true;
}
}
// -->
</script>
<{/literal}>
<script language="JavaScript" type="text/javascript">
<{literal}>
function myJsFunction(name, ip)
{
alert("The server name\n" + name + "\n" + ip);
}
<{/literal}>
</script>
<a href="javascript:myJsFunction('<{$SERVER_NAME}>', '<{$SERVER_ADDR}>')">Click here for the Server Info</a>
<{* included this style .. as an experiment *}>
<style type="text/css">
<{literal}>
/* this is an intersting idea for this section */
.madIdea{
border: 3px outset #ffffff;
margin: 2 3 4 5px;
background-color: #001122;
}
<{/literal}>
</style>
<div class="madIdea">With smarty you can embed CSS in the template</div>