Just a few weeks until the 2021 JavaScript Full-Stack Bootcamp opens.
Signup to the waiting list!
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 Handbook
The 2021 JavaScript Full-Stack Bootcamp will start at the end of March 2021. Don't miss this opportunity, signup to the waiting list!
More svelte tutorials:
- Getting started with Svelte - a short tutorial
- How to work with props in Svelte
- How to import components in Svelte
- How to export functions and variables from a Svelte component
- Svelte templates: conditional logic
- How to rerender a Svelte component on demand
- Svelte Slots
- How to add comments in Svelte templates
- Svelte Bindings
- Handling State Updates in Svelte
- Reactive Statements in Svelte
- Svelte Lifecycle Events
- Svelte templates: loops
- Resolve promises in Svelte templates
- Working with events in Svelte
- Cross-component State Management in Svelte
- How to access a URL parameter in Sapper outside of script module
- How to dynamically apply CSS in Svelte
- How to redirect to a URL in Sapper
- How to simulate a for loop in Svelte templates