HTML ソースにコメントを表示したいのですが、ページの実際にレンダリングされたコンテンツではなく、ソースにのみ表示します。たとえば、ユーザーがブラウザ ウィンドウを右クリックして [ソースの表示] を選択したときに、コメントを表示してそこで読めるようにしたいのですが、実際にレンダリングされた Web サイトではコメントを表示したくありません。
私は試した
<span style="visibility: hidden;">
Joe Hancock - 04/16/12 - Some comment
</span>
しかし、これを行うと、Web ページの実際のスペース (余白) が占有され、私のスタイルが崩れてしまいます。
これを行う良い方法を知っている人はいますか?