Come rendere invisibile il testo nel codice HTML

Donna al caffè sul marciapiede che legge le email

Credito immagine: Jacob Ammentorp Lund/iStock/Getty Images

Diversi tag HTML sono dotati di una proprietà chiamata "visibilità". Un elemento che ha questo stile è il tag div. Il tag div è un contenitore che contiene testo e immagini in una determinata posizione su una pagina web. Puoi usare questo tag per nascondere il testo in una pagina web. Circonda i tuoi blocchi di testo con un tag div ed è nascosto agli utenti. Ciò è utile quando si desidera creare un menu o una pagina dinamica che non mostri informazioni finché un utente non fa clic su un pulsante o collegamento.

Passo 1

Apri la tua pagina web in un editor di testo. Può essere qualcosa di semplice come Blocco note o editor HTML più avanzati come Notepad++ o Visual Studio.

Video del giorno

Passo 2

Inserisci un tag div nella sezione della pagina in cui desideri inserire il testo. Il codice seguente inserisce un tag div con la proprietà di visibilità impostata su nascosto:

Passaggio 3

Inserisci del testo all'interno del tag div. A scopo di test, inserisci "Il mio testo nascosto" all'interno del tag. Il tuo codice dovrebbe essere simile al seguente:

Il mio testo nascosto

Passaggio 4

Salva il file e aprilo con il tuo browser web. Nessun testo viene mostrato nel browser web anche se può essere visto nel codice renderizzato.