Kuinka tehdä tekstistä näkymätön HTML-koodissa

Nainen jalkakäytäväkahvilassa lukemassa sähköposteja

Kuvan luotto: Jacob Ammentorp Lund/iStock/Getty Images

Useat HTML-tunnisteet sisältävät ominaisuuden nimeltä "näkyvyys". Yksi elementti, jolla on tämä tyyli, on div-tunniste. Div-tunniste on säilö, joka sisältää tekstiä ja kuvia tietyssä paikassa verkkosivulla. Tämän tunnisteen avulla voit piilottaa tekstiä verkkosivulla. Ympäröi tekstilohkosi div-tunnisteella ja se on piilotettu käyttäjiltä. Tästä on hyötyä, kun haluat luoda valikon tai dynaamisen sivun, joka ei näytä tietoja ennen kuin käyttäjä napsauttaa painiketta tai linkkiä.

Vaihe 1

Avaa verkkosivusi tekstieditorissa. Tämä voi olla jotain yksinkertaista, kuten Notepad tai kehittyneempiä HTML-editoreja, kuten Notepad++ tai Visual Studio.

Päivän video

Vaihe 2

Aseta div-tunniste sivun osaan, johon haluat sijoittaa tekstin. Alla oleva koodi sijoittaa div-tunnisteen, jonka näkyvyysominaisuus on asetettu piiloon:

Vaihe 3

Kirjoita tekstiä div-tunnisteeseen. Testaamista varten kirjoita "Oma piiloteksti" -tunnisteeseen. Koodisi pitäisi näyttää tältä:

Minun piilotekstini

Vaihe 4

Tallenna tiedosto ja avaa se verkkoselaimella. Web-selaimessa ei näy tekstiä, vaikka se näkyykin renderoidussa koodissa.