Bildnachweis: Jacob Ammentorp Lund/iStock/Getty Images
Mehrere HTML-Tags verfügen über eine Eigenschaft namens "Sichtbarkeit". Ein Element mit diesem Stil ist das div-Tag. Das div-Tag ist ein Container, der Text und Bilder an einer bestimmten Stelle auf einer Webseite enthält. Sie können dieses Tag verwenden, um Text auf einer Webseite auszublenden. Umgeben Sie Ihre Textblöcke mit einem div-Tag und es ist vor Benutzern verborgen. Dies ist nützlich, wenn Sie ein Menü oder eine dynamische Seite erstellen möchten, die keine Informationen anzeigt, bis ein Benutzer auf eine Schaltfläche oder einen Link klickt.
Schritt 1
Öffnen Sie Ihre Webseite in einem Texteditor. Dies kann etwas Einfaches wie Notepad oder erweiterte HTML-Editoren wie Notepad++ oder Visual Studio sein.
Video des Tages
Schritt 2
Platzieren Sie ein div-Tag in dem Abschnitt der Seite, in dem Sie den Text platzieren möchten. Der folgende Code platziert ein div-Tag, dessen Sichtbarkeitseigenschaft auf hidden gesetzt ist:
Schritt 3
Geben Sie einen Text innerhalb des div-Tags ein. Geben Sie zu Testzwecken "My Hidden Text" innerhalb des Tags ein. Ihr Code sollte wie folgt aussehen:
Mein versteckter Text
Schritt 4
Speichern Sie die Datei und öffnen Sie sie mit Ihrem Webbrowser. Im Webbrowser wird kein Text angezeigt, obwohl er im gerenderten Code zu sehen ist.