Comment rendre le texte invisible dans le code HTML

Femme au café-terrasse lisant des e-mails

Crédit d'image : Jacob Ammentorp Lund/iStock/Getty Images

Plusieurs balises HTML sont livrées avec une propriété appelée « visibilité ». Un élément qui a ce style est la balise div. La balise div est un conteneur qui contient du texte et des images à un certain emplacement sur une page Web. Vous pouvez utiliser cette balise pour masquer du texte sur une page Web. Entourez vos blocs de texte d'une balise div et il est caché aux utilisateurs. Ceci est utile lorsque vous souhaitez créer un menu ou une page dynamique qui n'affiche pas d'informations tant qu'un utilisateur n'a pas cliqué sur un bouton ou un lien.

Étape 1

Ouvrez votre page Web dans un éditeur de texte. Cela peut être quelque chose de simple comme le Bloc-notes ou des éditeurs HTML plus avancés tels que Notepad++ ou Visual Studio.

Vidéo du jour

Étape 2

Placez une balise div dans la section de la page où vous souhaitez placer le texte. Le code ci-dessous place une balise div avec la propriété de visibilité définie sur masqué:

Étape 3

Entrez du texte dans la balise div. À des fins de test, saisissez « Mon texte caché » dans la balise. Votre code devrait ressembler à ce qui suit:

Mon texte caché

Étape 4

Enregistrez le fichier et ouvrez-le avec votre navigateur Web. Aucun texte n'est affiché dans le navigateur Web même s'il peut être vu dans le code rendu.