Hur man gör text osynlig i HTML-kod

Kvinna på trottoarcafé som läser e-postmeddelanden

Bildkredit: Jacob Ammentorp Lund/iStock/Getty Images

Flera HTML-taggar kommer med en egenskap som kallas "synlighet". Ett element som har denna stil är div-taggen. div-taggen är en behållare som innehåller text och bilder på en viss plats på en webbsida. Du kan använda denna tagg för att dölja text på en webbsida. Omge dina textblock med en div-tagg och den är dold för användarna. Detta är användbart när du vill skapa en meny eller dynamisk sida som inte visar information förrän en användare klickar på en knapp eller länk.

Steg 1

Öppna din webbsida i en textredigerare. Detta kan vara något enkelt som Notepad eller mer avancerade HTML-redigerare som Notepad++ eller Visual Studio.

Dagens video

Steg 2

Placera en div-tagg i den del av sidan där du vill placera texten. Koden nedan placerar en div-tagg med synlighetsegenskapen inställd på dold:

Steg 3

Skriv in lite text i div-taggen. För teständamål, skriv "Min dolda text" i taggen. Din kod bör se ut så här:

Min dolda text

Steg 4

Spara filen och öppna den med din webbläsare. Ingen text visas i webbläsaren även om den kan ses i den renderade koden.