HTML no parse innerHTML

For the purpose of transmitting plain text to the client when reloading the page (without using ajax), when i do something like:

<div>
    <div style="" {$abc}> </div>
</div>

the browser parses it to:

<div>
    <div  {$abc}=""> </abc>
</div>

So far i have found that when placed in a <style>, it doesnt get parsed. Is it fine to do:

<style>
    <div style="" {$abc}> </div>
</style>

or there is a better/propper way to do that, and is there anything usafe with using <style> this way?

Even tried with a <pre>