以下に示したウェブページは簡単ですが、代表的な例です。
<html> <head> <title>ZHTMLDemo</title> </head> <body> <h1>ZHTMLDemo</h1> <ulid="ul"> <li>Thefirstitem.</li> <li>Theseconditem.</li> </ul> <inputtype="button"value="AddItem""/> <br/> <inputid="inp0"type="text"/>+ <inputid="inp1"type="text"/>= <textid="out"/> </body> </html>
zhtmlの拡張子[52]で名前をつけることで、ZKローダーによりZUMLページとしてインタープリットされます。
そして、org.zkoss.zhtml.Html、org.zkoss.zhtml.Headなどのインスタンスはそれぞれ作成されます。
つまり、XHTMLコンポーネントツリーはサーバー側で作成されました。そして、一般的なZUMLページと同様に、ZKはそれらを標準的なXHTMLページに変換し、ブラウザへ送信します。
[52] すべてのHTMLページをZUMLページに変換するため、拡張子の.htmlをDHtmlLayoutServletにマッピングします。
開発用レファレンスのAppendix A をご覧ください。