次のスタイルのいずれかが Web ページ上で要素を非表示にすることを理解しています...
<h2 style="display: none;">A</h2>
<h2 style="visibility: hidden;">B</h2>
そして、これは明らかにHTML5でも同じことをします...
<div hidden>C</div>
ただし、3 つすべてがソース コードで確認できます。要素を完全に非表示にして、ソース コードからも見えないようにする方法はありますか?
いくつかの用途を考えていますが、その 1 つはモバイル デバイスの設計に関するものです。ページの下部に同じ情報が表示される、非常に狭い画面では消えるサイドバーを作成したいと思います (ただし、下部の情報は広い画面では見えなくなります)。
ありがとう。