Hvordan gjøre tekst usynlig i HTML-kode

Kvinne på fortauskafé leser e-post

Bildekreditt: Jacob Ammentorp Lund/iStock/Getty Images

Flere HTML-tagger kommer med en egenskap kalt «synlighet». Et element som har denne stilen er div-taggen. div-taggen er en beholder som inneholder tekst og bilder på et bestemt sted på en nettside. Du kan bruke denne taggen til å skjule tekst på en nettside. Omgi tekstblokkene dine med en div-tag, og den er skjult for brukere. Dette er nyttig når du vil lage en meny eller dynamisk side som ikke viser informasjon før en bruker klikker på en knapp eller lenke.

Trinn 1

Åpne nettsiden din i et tekstredigeringsprogram. Dette kan være noe enkelt som Notepad eller mer avanserte HTML-redigerere som Notepad++ eller Visual Studio.

Dagens video

Steg 2

Plasser en div-tag i delen av siden der du vil plassere teksten. Koden nedenfor plasserer en div-tag med synlighetsegenskapen satt til skjult:

Trinn 3

Skriv inn litt tekst i div-taggen. For testformål, skriv inn "Min skjulte tekst" i taggen. Koden din skal se slik ut:

Min skjulte tekst

Trinn 4

Lagre filen og åpne den med nettleseren din. Ingen tekst vises i nettleseren selv om den kan sees i den gjengitte koden.