Πώς να κάνετε το κείμενο αόρατο σε κώδικα HTML

Γυναίκα σε καφετέρια στο πεζοδρόμιο διαβάζοντας μηνύματα ηλεκτρονικού ταχυδρομείου

Πίστωση εικόνας: Jacob Ammentorp Lund/iStock/Getty Images

Πολλές ετικέτες HTML συνοδεύονται από μια ιδιότητα που ονομάζεται "visibility". Ένα στοιχείο που έχει αυτό το στυλ είναι η ετικέτα div. Η ετικέτα div είναι ένα κοντέινερ που περιέχει κείμενο και εικόνες σε μια συγκεκριμένη τοποθεσία σε μια ιστοσελίδα. Μπορείτε να χρησιμοποιήσετε αυτήν την ετικέτα για να αποκρύψετε κείμενο σε μια ιστοσελίδα. Περιβάλλετε τα μπλοκ κειμένου σας με μια ετικέτα div και είναι κρυμμένη από τους χρήστες. Αυτό είναι χρήσιμο όταν θέλετε να δημιουργήσετε ένα μενού ή μια δυναμική σελίδα που δεν εμφανίζει πληροφορίες έως ότου ένας χρήστης κάνει κλικ σε ένα κουμπί ή έναν σύνδεσμο.

Βήμα 1

Ανοίξτε την ιστοσελίδα σας σε ένα πρόγραμμα επεξεργασίας κειμένου. Αυτό μπορεί να είναι κάτι απλό όπως το Σημειωματάριο ή πιο προηγμένα προγράμματα επεξεργασίας HTML όπως το Notepad++ ή το Visual Studio.

Το βίντεο της ημέρας

Βήμα 2

Τοποθετήστε μια ετικέτα div στην ενότητα της σελίδας όπου θέλετε να τοποθετήσετε το κείμενο. Ο παρακάτω κώδικας τοποθετεί μια ετικέτα div με την ιδιότητα ορατότητας σε κρυφή:

Βήμα 3

Εισαγάγετε κάποιο κείμενο μέσα στην ετικέτα div. Για δοκιμαστικούς σκοπούς, εισαγάγετε το "Το κρυφό μου κείμενο" μέσα στην ετικέτα. Ο κωδικός σας θα πρέπει να μοιάζει με τον παρακάτω:

Το κρυφό μου κείμενο

Βήμα 4

Αποθηκεύστε το αρχείο και ανοίξτε το με το πρόγραμμα περιήγησής σας. Κανένα κείμενο δεν εμφανίζεται στο πρόγραμμα περιήγησης ιστού, παρόλο που μπορεί να φανεί στον αποδοθέντα κώδικα.