{@html}

<div class="blog-post">
    <h1>{post.title}</h1>
    {@html post.content}
</div>

일반 텍스트를 표현할 때 문자 < 와 >은 &gt 혹은 &lt로 변경됩니다. 그러나 @html에서는 이를 그대로 렌더링 합니다.

{@html "<div>"}
<p>hello svelte</p>
{@html "</div>"}
//it's not work

위와 같이 {@html value}를 통해 div를 렌더링 하는 방법은 작동하지 않습니다. 또한 스벨트는 HTML을 사전 점검하여, 위험한 스크립트나, 잘못된 태그를 가려 보여주지 않습니다. 이를 방지하기 위해 source를 검사하거나, 믿을 만한 사람에게서 이 데이터를 받아야 합니다.

#svelte