Jak sprawić, by tekst był niewidoczny w kodzie HTML

Kobieta w kawiarni na chodniku czyta e-maile

Źródło obrazu: Jacob Ammentorp Lund/iStock/Getty Images

Kilka znaczników HTML ma właściwość o nazwie „widoczność”. Jednym z elementów, który ma ten styl, jest znacznik div. Znacznik div to pojemnik przechowujący tekst i obrazy w określonym miejscu na stronie internetowej. Możesz użyć tego tagu, aby ukryć tekst na stronie internetowej. Otaczaj bloki tekstu znacznikiem div i jest on ukryty przed użytkownikami. Jest to przydatne, gdy chcesz utworzyć menu lub stronę dynamiczną, która nie wyświetla informacji, dopóki użytkownik nie kliknie przycisku lub łącza.

Krok 1

Otwórz swoją stronę internetową w edytorze tekstu. Może to być coś prostego, jak Notatnik lub bardziej zaawansowane edytory HTML, takie jak Notepad ++ lub Visual Studio.

Wideo dnia

Krok 2

Umieść znacznik div w sekcji strony, w której chcesz umieścić tekst. Poniższy kod umieszcza znacznik div z właściwością widoczności ustawioną na ukrytą:

Krok 3

Wpisz tekst w znaczniku div. W celach testowych wpisz w tagu „Mój ukryty tekst”. Twój kod powinien wyglądać jak poniżej:

Mój ukryty tekst

Krok 4

Zapisz plik i otwórz go w przeglądarce internetowej. Żaden tekst nie jest wyświetlany w przeglądarce internetowej, mimo że można go zobaczyć w wyrenderowanym kodzie.