Ako urobiť text neviditeľným v HTML kóde

Žena v kaviarni na chodníku číta e-maily

Kredit za obrázok: Jacob Ammentorp Lund/iStock/Getty Images

Niekoľko značiek HTML má vlastnosť nazývanú „viditeľnosť“. Jedným prvkom, ktorý má tento štýl, je značka div. Značka div je kontajner, ktorý obsahuje text a obrázky na určitom mieste na webovej stránke. Túto značku môžete použiť na skrytie textu na webovej stránke. Obklopte svoje bloky textu značkou div, ktorá bude pred používateľmi skrytá. Je to užitočné, keď chcete vytvoriť ponuku alebo dynamickú stránku, ktorá nebude zobrazovať informácie, kým používateľ neklikne na tlačidlo alebo odkaz.

Krok 1

Otvorte svoju webovú stránku v textovom editore. Môže to byť niečo jednoduché ako Poznámkový blok alebo pokročilejšie HTML editory, ako napríklad Notepad++ alebo Visual Studio.

Video dňa

Krok 2

Umiestnite značku div do časti stránky, kam chcete umiestniť text. Nižšie uvedený kód umiestni značku div s vlastnosťou viditeľnosti nastavenou na skryté:

Krok 3

Zadajte nejaký text do značky div. Na testovacie účely zadajte do značky „Môj skrytý text“. Váš kód by mal vyzerať takto:

Môj skrytý text

Krok 4

Uložte súbor a otvorte ho pomocou webového prehliadača. Vo webovom prehliadači sa nezobrazuje žiadny text, aj keď ho možno vidieť vo vykreslenom kóde.