HTML Tags"
From Documentation
m |
RebeccaLai (talk | contribs) m |
||
(9 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
{{ZKDevelopersReferencePageHeader}} | {{ZKDevelopersReferencePageHeader}} | ||
− | Here we discuss how to use HTML tags directly in a ZUML document. There are several ways as described in the following sections, and you could choose one based on your | + | Here we discuss how to use HTML tags directly in a ZUML document. There are several ways as described in the following sections, and you could choose one based on your requirements. |
+ | |||
+ | {| class='wikitable' | width="100%" | ||
+ | ! What to consider !! [[ZK Developer's Reference/UI Patterns/HTML Tags/The html Component|<html> component]] !! [[ZK Developer's Reference/UI Patterns/HTML Tags/The native Namespace|native namespace]] !! [[ZK Developer's Reference/UI Patterns/HTML Tags/The XHTML Component Set|XHTML components]] !! [[ZK Developer's Reference/Integration/Use ZK in JSP|JSP]] | ||
+ | |- | ||
+ | | Update Content Dynamically | ||
+ | | Yes | ||
+ | | No<ref>We cannot update content dynamically at the server. However, we could modify the DOM tree directly at the client. Please refer to the [[ZK Developer's Reference/UI Composing/Client-side UI Composing|Client-side UI Composing]] section.</ref> | ||
+ | | Yes | ||
+ | | No<ref>Technically you could modify the browser's DOM tree dynamically at the client.</ref> | ||
+ | |- | ||
+ | | Mix with ZUL components | ||
+ | | No | ||
+ | | Yes | ||
+ | | Yes | ||
+ | | Yes/No<ref>You could mix HTML tags with ZK components, if [http://www.zkoss.org/product/zkjsp.dsp ZK JSP Tags] is used. Otherwise, you could only have a JSP page to include other ZUL pages, or vice versa.</ref> | ||
+ | |- | ||
+ | | Memory Footprint | ||
+ | | Small | ||
+ | | Small | ||
+ | | Large | ||
+ | | Small | ||
+ | |- | ||
+ | | Support EL | ||
+ | | Yes | ||
+ | | Yes | ||
+ | | Yes | ||
+ | | Yes | ||
+ | |- | ||
+ | | Support Data Binding | ||
+ | | Yes | ||
+ | | No | ||
+ | | Yes | ||
+ | | No | ||
+ | |||
+ | |} | ||
+ | |||
+ | In addition, you could use [[ZK Component Reference/Essential Components/Iframe|iframe]] to embed a complete HTML document which might be from a different website with different technology. Or, use [[ZK Component Reference/Essential Components/Include|include]] to include an HTML fragment. | ||
{{ZKDevelopersReferenceHeadingToc}} | {{ZKDevelopersReferenceHeadingToc}} | ||
+ | |||
+ | <blockquote> | ||
+ | ---- | ||
+ | <references/> | ||
+ | </blockquote> | ||
+ | |||
{{ZKDevelopersReferencePageFooter}} | {{ZKDevelopersReferencePageFooter}} |
Latest revision as of 06:01, 31 January 2024
Here we discuss how to use HTML tags directly in a ZUML document. There are several ways as described in the following sections, and you could choose one based on your requirements.
What to consider | <html> component | native namespace | XHTML components | JSP |
---|---|---|---|---|
Update Content Dynamically | Yes | No[1] | Yes | No[2] |
Mix with ZUL components | No | Yes | Yes | Yes/No[3] |
Memory Footprint | Small | Small | Large | Small |
Support EL | Yes | Yes | Yes | Yes |
Support Data Binding | Yes | No | Yes | No |
In addition, you could use iframe to embed a complete HTML document which might be from a different website with different technology. Or, use include to include an HTML fragment.
- ↑ We cannot update content dynamically at the server. However, we could modify the DOM tree directly at the client. Please refer to the Client-side UI Composing section.
- ↑ Technically you could modify the browser's DOM tree dynamically at the client.
- ↑ You could mix HTML tags with ZK components, if ZK JSP Tags is used. Otherwise, you could only have a JSP page to include other ZUL pages, or vice versa.