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

Svelteがテンプレートの一部をクライアントにレンダリングするのを回避する方法

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

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

<!-- a comment here -->

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

<!--
a
 comment
  here
-->

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

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

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

私の無料ダウンロードSvelteハンドブック


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