HTML コードでテキストを非表示にする方法

いくつかの HTML タグには、「可視性」と呼ばれるプロパティが付属しています。このスタイルを持つ要素の 1 つが div タグです。 div タグは、Web ページの特定の場所にテキストと画像を保持するコンテナーです。このタグを使用して、Web ページ上のテキストを非表示にすることができます。テキストのブロックを div タグで囲むと、ユーザーから隠されます。これは、ユーザーがボタンまたはリンクをクリックするまで情報を表示しないメニューまたは動的ページを作成する場合に役立ちます。

ステップ 1

テキスト エディターで Web ページを開きます。これは、メモ帳のような単純なものでも、Notepad++ や Visual Studio などのより高度な HTML エディターでもかまいません。

ステップ 2

テキストを配置するページのセクションに div タグを配置します。以下のコードは、可視性プロパティが非表示に設定された div タグを配置します:

ステップ 3

div タグ内にテキストを入力します。テスト目的で、タグ内に「My Hidden Text」と入力します。コードは次のようになります:

私の隠しテキスト

ステップ 4

ファイルを保存し、Web ブラウザーで開きます。レンダリングされたコードにテキストが表示されていても、Web ブラウザーにはテキストが表示されません。