Hogyan lehet szöveget láthatatlanná tenni a HTML-kódban

Számos HTML-címke rendelkezik a "visibility" tulajdonsággal. Az egyik ilyen stílusú elem a div címke. A div címke egy tároló, amely szöveget és képeket tartalmaz a weboldal egy bizonyos helyén. Ezzel a címkével elrejtheti a szöveget egy weboldalon. Vegye körül a szövegblokkokat div címkével, és az el van rejtve a felhasználók elől. Ez akkor hasznos, ha olyan menüt vagy dinamikus oldalt szeretne létrehozni, amely nem jelenít meg információkat, amíg a felhasználó rá nem kattint egy gombra vagy hivatkozásra.

1. lépés

Nyissa meg weboldalát egy szövegszerkesztőben. Ez lehet valami egyszerű, például a Notepad vagy a fejlettebb HTML-szerkesztők, például a Notepad++ vagy a Visual Studio.

2. lépés

Helyezzen el egy div címkét az oldal azon részébe, ahová a szöveget el szeretné helyezni. Az alábbi kód egy div címkét helyez el, amelynek láthatósága tulajdonsága rejtett:

3. lépés

Írjon be egy szöveget a div címkébe. Tesztelési célból írja be a "My Hidden Text" kifejezést a címkébe. A kódnak a következőképpen kell kinéznie:

Rejtett szövegem

4. lépés

Mentse el a fájlt, és nyissa meg webböngészőjével. Nem jelenik meg szöveg a webböngészőben, bár az látható a megjelenített kódban.