#ignore
| Details | |
|---|---|
| name | ignore |
| type | attribute |
| value | executed; optional; Variable or property which value must be text or HTML markup. |
| related attributes | escape |
| description | A attribute that will render the tag and content inside but does not compile the inner HTML and can escape it as well. |
Related Attributes
- escape
- type: boolean attribute : A boolean attribute that signal whether to escape the HTML or not.
Usage Examples
Use it to wrap markup that contains special symbols that are special to HTML+ that you really want to show on the page
<!-- ignore since curly braces has special meaning
for HTML+ -->
<pre #ignore>
<code>
const obj = {x: 10, y: 300};
</code>
</pre>Use it to show HTML code on the page by escaping the HTML and not compiling it.
<!-- escape so the tag is shown to the user as code -->
<fragment #ignore escape>
<p>This is a simple paragraph</p>
</fragment>Use it to ignore parts of the page that has no HTML+ syntax, tags or attributes to skip compilation all together.
<!-- ignore tags with no inner HTML+ syntax to speed compilation -->
<nav aria-label="Main Menu" #ignore>
<h2 hidden>main navigation</h2>
<a href="/">Home</a>
<a href="/documentation">Documentation</a>
<a href="/learn">Learn</a>
</nav>RenderNode markup coming from data fetched that contains HTML that is not HTML+ that needs to be rendered like articles post for example.
<!-- ignore variable with plain HTML markup as value
to be rendered as is ans skip compiling time -->
<div #ignore="$data.blog.post"></div>