|| | `or`
`===` | `eq`
`!==` | `ne`
`<` | `lt`
`>` | `gt`
`<=` | `le`
`>=` | `ge`
For example, both of the following are valid and equivalent:
```xml
Show More
```
```xml
Show More
```
## Includes
Marko supports includes/partials. Other Marko files can be included using the `
Hello World
A
B
C
Something else
```
_Applied as elements:_
```xml
Hello World
A
B
C
Something else
Hello
```
With a value of `true` for `active`, the output would be the following:
```xml
Hello
```
With a value of `false` for `active`, the output would be the following:
```xml
Hello
```
_NOTE: If the expression inside an attribute evaluates to `null` or an empty string then the attribute is not included in the output._
As shown in the previous example, the "else" block for shorthand conditionals is optional. The usage of an else block is shown below:
```xml
Hello
```
With a value of `false` for `active`, the output would be the following:
```xml
Hello
```
### Conditional Attributes
Marko supports conditional attributes when the value of an attribute is an expression. Marko also supports [HTML `boolean` attributes](https://html.spec.whatwg.org/#boolean-attributes) (e.g., ``) If an attribute value resolves to `null`, `undefined`, `false` or an empty string then the attribute will not be rendered. If an attribute value resolves to `true` then only the attribute name will rendered.
For example, given the following data:
```javascript
{
title: '',
active: true,
checked: false,
disabled: true
}
```
And the following template:
```xml
```
The output HTML will be the following:
```xml
```
## Looping
### for
Any element can be repeated for every item in an array using the `for` directive. The directive can be applied as an element or as an attribute.
_Applied as an attribute:_
```xml
- ${item}
- ${item}
- red
- green
- blue
-
$color
${loop.getIndex()+1}) of ${loop.getLength()}
- FIRST - LAST
$color
```
#### Range Looping
A range can be provided in the following format; `- $i
- $i
- ${myArray[i]}
- $name: $value
$item
```
_Applied as part of a `
${status.index}$item
```
_Applied as part of a `${greeting("John", 10)}
${greeting("Frank", 20)}
``` ### invoke The `Hello John! You have 10 new messages.
Hello Frank! You have 20 new messages.
``` _NOTE:_ By default, the arguments will be of type "string" when using `
Hello World!
```
Given the following value for the `myAttrs` variable:
```javascript
{style: "background-color: #FF0000;", "class": "my-div"}
```
The output would then be the following:
```xml
Hello World!
```
### body-only-if
If you find that you have a wrapper element that is conditional, but whose body should always be rendered then you can use the `body-only-if` attribute to handle this use case. For example, to only render a wrapping `` tag if there is a valid URL then you could do the following:
```xml
Some body content
```
Given a value of `"http://localhost/"` for the `data.linkUrl` variable: , the output would be the following:
```xml
Some body content
```
Given a value of `undefined` for the `data.linkUrl` variable: , the output would be the following:
```xml
Some body content
```
## Comments
Standard HTML comments can be used to add comments to your template. The HTML comments will not show up in the rendered HTML.
Example comments:
```xml
Hello
``` If you would like for your HTML comment to show up in the final output then you can use the custom `html-comment` tag: ```xmlHello
``` Output: ```xmlHello
``` ## Whitespace The Marko compiler will remove unnecessary whitespace based on some builtin rules, by default. These rules are partially based on the rules that browser's use to normalize whitespace and partially based on the goal of allowing nicely indented markup with minified output. These rules are as follows: - For text before the first child element: `text.replace(/^\n\s*/g, '')` - For text after the last child element: `text.replace(/\n\s*$/g, '')` - For text between child elements: `text.replace(/^\n\s*$/g, '')` - Any contiguous sequence of whitespace characters is collapsed into a single space character In addition, whitespace within the following tags is preserved by default: - `` - ` ``` Example output: ```xml