A Component Created for Each Tag

ZK Loaders creates a ZK component for Each tag declared in a ZUML page. For example, there are four components are created for the following ZUML page (html, body, p and a label).

<html>
    <body>    
        <p>Hi</p>        
    </body>    
</html>

The advantage is that you can change the content of any component dynamically:

<p id="info">Hi</p>
<z:button onClick="info.detach()" xmlns:z="http://www.zkoss.org/2005/zk"/>

However, it takes more time to process and memory to hold these components, so, if a portion of the page is static, you can use the Native namespace as follows.

<n:html xmlns:n="http://www.zkoss.org/2005/zk/native">
    <n:body>    
        <p id="info">Hi</p>        
        <z:button onClick="info.detach()" xmlns:z="http://www.zkoss.org/2005/zk"/>        
    </n:body>    
</n:html>

Refer to the Performance Tips chapter for more information.