Svelteテンプレートにコメントを追加する方法

HTMLコメントは、ページから要素を非表示にするのに最適です。

HTMLでは、コメントを追加する方法は次のとおりです。

<!-- a comment here -->

これをブロックで使用して、HTMLの複数行を非表示にすることもできます。

<!--
a
 comment
  here
-->

これはページソースに引き続き表示されることに注意してください。ブラウザはそれを隠すだけですが、いつでもコメントを見ることができます。

Svelteテンプレートでも同じコメントを使用できます。ただし、Svelteでは、コメント部分をブラウザに送信しません。その部分は完全に削除され、ソースファイルにのみ残り、ページに生成されたHTMLには表示されません。

私の意見では、これは前向きなことです。

より洗練されたチュートリアル：

• Svelte入門-短いチュートリアル
• Svelteで小道具を操作する方法
• Svelteにコンポーネントをインポートする方法
• Svelteコンポーネントから関数と変数をエクスポートする方法
• Svelteテンプレート：条件付きロジック
• Svelteコンポーネントをオンデマンドで再レンダリングする方法
• Svelteスロット
• Svelteテンプレートにコメントを追加する方法
• Svelteバインディング
• Svelteでの状態更新の処理
• Svelteのリアクティブステートメント
• Svelteライフサイクルイベント
• Svelteテンプレート：ループ
• SvelteテンプレートでPromiseを解決する
• Svelteでのイベントの操作
• Svelteのクロスコンポーネント状態管理
• スクリプトモジュールの外部でSapperのURLパラメータにアクセスする方法
• SvelteでCSSを動的に適用する方法
• SapperでURLにリダイレクトする方法
• Svelteテンプレートでforループをシミュレートする方法