Kuidas muuta tekst HTML-koodis nähtamatuks

Naine kõnniteekohvikus kirju lugemas

Pildi krediit: Jacob Ammentorp Lund / iStock / Getty Images

Mitmel HTML-i märgendil on atribuut nimega "nähtavus". Üks selle stiili element on div-silt. Div-märgend on konteiner, mis hoiab veebilehel teatud kohas teksti ja pilte. Selle märgendi abil saate veebilehel teksti peita. Ümbritsege oma tekstiplokid sildiga div ja see on kasutajate eest peidetud. See on kasulik, kui soovite luua menüü või dünaamilise lehe, mis ei näita teavet enne, kui kasutaja klõpsab nuppu või linki.

Samm 1

Avage oma veebileht tekstiredaktoris. See võib olla midagi lihtsat, näiteks Notepad või täiustatud HTML-redaktorid, nagu Notepad++ või Visual Studio.

Päeva video

2. samm

Asetage div silt lehe sellesse osasse, kuhu soovite teksti paigutada. Allolev kood asetab div-märgendi, mille nähtavuse atribuut on peidetud:

3. samm

Sisestage div-märgendisse tekst. Testimise eesmärgil sisestage märgendisse "Minu peidetud tekst". Teie kood peaks välja nägema järgmine:

Minu peidetud tekst

4. samm

Salvestage fail ja avage see oma veebibrauseris. Veebibrauseris teksti ei kuvata, kuigi seda on renderdatud koodis näha.