Comment rendre du texte invisible dans le code HTML

Plusieurs balises HTML possèdent une propriété « visibility ». L'élément div en est un exemple. La balise div est un conteneur qui positionne du texte et des images à un endroit précis de la page web. Vous pouvez l'utiliser pour masquer du texte. Entourez vos blocs de texte d'une balise div avec la visibilité cachée : ils seront invisibles pour l'utilisateur. Utile pour créer des menus ou pages dynamiques qui n'affichent l'information qu'au clic sur un bouton ou lien.

Étape 1

Ouvrez votre page web dans un éditeur de texte : Bloc-notes, Notepad++, Visual Studio, etc.

Étape 2

Placez une balise div à l'endroit souhaité. Le code ci-dessous crée un div avec visibilité cachée :

<div style="visibility: hidden;"></div>

Étape 3

Insérez du texte à l'intérieur de la balise div. Pour tester, mettez « Mon texte caché » :

<div style="visibility: hidden;">Mon texte caché</div>

Étape 4

Enregistrez le fichier et ouvrez-le dans votre navigateur. Aucun texte ne s'affiche, bien qu'il soit présent dans le code source.