> For the complete documentation index, see [llms.txt](https://docs.babelshark.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.babelshark.net/dev/html-markup/variables.md).

# Variables

It is often desirable to translate string with a variable value inside, like:

```html
<p>Today is July 8th.</p>
```

or

```html
<p>Deleting 80 of 200</p>
```

Obviously, you can not mark the whole HTML element (\<p>) with `__` class because it will generate infinite amount of source strings (for every date or every number used).

## Use variables

Mark variable value of the string with `__var` class:

```html
<p>
    Deleting <span class="__var">80</span> of
    <span class="__var">200</span>
</p>
```

This will exclude variable values from the source string. They will be replaced by `{{VAR#}}` value in a source string:

<figure><img src="/files/AFvnnM5UMcMEufa0cSBq" alt=""><figcaption></figcaption></figure>