Template Directives

HyperTemplates Directives Reference

The core of HyperTemplates is a small but mighty set of ht-* prefixed HTML attributes called templating directives that allow you to compose complex HTML documents from simple HTML templates.

ht-include

Replaces the target HTML element with elements from an external source. Learn more

ht-if

Retains the target HTML element if a condition is true. Learn more

ht-not

Removes the target HTML element if a condition is true. Learn more

ht-template

Repeats the target HTML element once per occurrence of some content. Learn more

ht-apply

Substitutes template variables. Learn more

ht-attrs

Annotates the target HTML element with one or more HTML attributes. Learn more

ht-base

Resolves relative URLs by providing a base URL to be used within some portion of a template. Learn more

ht-query

Annotates URLs in target HTML attributes with query parameters. Learn more

ht-param

Replaces the target HTML element with Text or Element nodes. Learn more

ht-content

Inserts text or HTML content to the target HTML element. Learn more

ht-block

Progressively enhances the target HTML element. Learn more

ht-pipe

Moves the target HTML element or its contents to a destination element. Learn more

This is the complete set of template attributes used by HyperTemplates. They were designed to be easy to learn and remember.