HTML comments are great to hide elements from a page.

In HTML here’s how you add a comment:

<!-- a comment here -->

You can use this on blocks, too, to hide multiple lines of HTML:

<!--
a
 comment
  here
-->

Note that this is still visible in the page source. The browser just hides it, but one can always go and see the comment.

You can use the same comments in your Svelte templates. But with Svelte you don’t send the commented part to the browser. That part is completely removed, and only stay in your source files, invisible to the HTML generated into the page.

Which in my opinion is a positive thing.


Download my free Svelte book!

Did you know?

I have 7 premium training programs that will transform you, quickly, into an excellent Node/React/JS/Vue/Next.js/Svelte developer. Choose your own adventure. Practical lessons to learn the 80% of the things that you need to know, in 20% of the time!

⬇️ ⬇️ ⬇️

Check out all my courses now!

⬆️ ⬆️ ⬆️