コンテンツ

• ステップ1
• ステップ2
• ステップ3
• ステップ4

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

ステップ1

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

ステップ2

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

ステップ3

divタグ内にテキストを入力します。テストするには、タグ内に「My hidden text」と入力します。コードは次のようになります。隠しテキスト

ステップ4

ファイルを保存して、ブラウザで開きます。表示されたコードで確認できますが、ブラウザにテキストは表示されません。