Χρησιμοποιώντας τις ιδιότητες του CSS «display: none»

Επικαλυπτόμενα φύλλα στυλ (CSS) σας επιτρέπουν να οργανώσετε την εμφάνιση και το σχεδιασμό της ιστοσελίδας. Μία από τις πιο συχνά χρησιμοποιούμενες ιδιότητες και τις αξίες του είναι «display: none».

Καθορισμός των ιδιοτήτων

Το ίδιο το ακίνητο είναι ένα πολλαπλών χρήσεων και καθορίζει τον τύπο του στοιχείου απεικόνισης στο έγγραφο. Ανάλογα με την ειδική αξία του τμήματος μπλοκ εμφάνιση της σελίδας μπορεί γραμμικά ως μια λίστα των αντικειμένων στο πλαίσιο του πίνακα, και ούτω καθεξής. D. Ως εκ τούτου, χάρη στην ιδιότητα του «οθόνη», μπορεί να αλλάξει τον τύπο του μπλοκ στο έγγραφο.

Όσο για το πακέτο «αξία του ακινήτου display: none», σας επιτρέπει να διαγράψετε ένα στοιχείο ή ένα μπλοκ του εγγράφου. Στον ίδιο χώρο κάτω από το κομμάτι της σελίδας δεν επιφυλάσσεται, πράγμα που σημαίνει ότι πέφτει έξω από το ρεύμα. Όλα τα στοιχεία που είναι πέρα από την «εξ αποστάσεως», απλά δεν το βλέπω και να αγνοήσει το μέγεθος και τη θέση της μονάδας. Για να επιστρέψετε ένα κρυφό αντικείμενο, θα πρέπει να αναφέρεται στο έγγραφο, μέσω σεναρίων που απλά αλλάζουν την αξία των ακινήτων στην επιθυμητή μορφή. Όταν συμβαίνει αυτό μορφοποιήσετε αυτόματα τη σελίδα με το νέο αντικείμενο σε αυτό.

Η διαφορά μεταξύ των ιδιοτήτων «οθόνη» και «ορατότητα»

Παρά το γεγονός ότι, ως αποτέλεσμα και των δύο ιδιοτήτων για να κρύψει τα στοιχεία από το χρήστη, αρχή λειτουργίας τους είναι αρκετά διαφορετική. Όπως ήδη αναφέρθηκε παραπάνω, η παράμετρος «display: none» αφαιρεί το στοιχείο από το έγγραφο. Το μπλοκ πέφτει έξω μέρος της σελίδας, μη λαμβάνοντας έτσι μέρος σε αυτό. Στην περίπτωση αυτή, το αντικείμενο παραμένει στο HTML κώδικα.

Με τη σειρά του, το ακίνητο «visibility: hidden» κρύβει το στοιχείο από το χρήστη, αλλά δεν το αφαιρέσετε από το μοντέλο του εγγράφου. Έτσι, η σελίδα είναι δεσμευμένο μια θέση σε αυτό το μπλοκ. Δηλαδή, η ροή έγγραφο θα δεχτεί και να εξετάσει τη θέση και το μέγεθος ενός στοιχείου με το ακίνητο «visibility: hidden» ακριβώς με τον ίδιο τρόπο χωρίς αυτό.

Η διαφορά αυτή είναι η οργανωτική δομή του εγγράφου αυτές οι δύο ιδιότητες καθιστούν δυνατό να επιτευχθεί το επιθυμητό αποτέλεσμα για τη σωστή εμφάνιση της σελίδας.

Χρησιμοποιώντας CSS - display: none

εγγράφου Διαδίκτυο υπάρχουν διάφοροι τρόποι για να καθορίσει τις ιδιότητες του στοιχείου. Το πρώτο display: none μπορεί να συνταγογραφηθεί σε ένα ξεχωριστό αρχείο για τα επικαλυπτόμενα φύλλα στυλ. Αυτή η μέθοδος είναι η πιο προηγμένη και το καλύτερο, καθώς σας επιτρέπει να κάνετε όλες τις επιλογείς, τις κατηγορίες και τις περιουσίες τους σε ξεχωριστό έγγραφο. Ένα τέτοιο μοντέλο σας δίνει τη δυνατότητα να βρείτε γρήγορα και να τροποποιήσετε τις ρυθμίσεις της σελίδας.

Η κεφαλίδα του εγγράφου

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

Λάβετε υπόψη ότι αν αυτός ο τρόπος οργάνωσης στυλ στο έγγραφο είναι λιγότερο από μια ξεχωριστή εισαγωγή φύλλο στυλ, οι επικαλυπτόμενες ιδιότητες θα πρέπει να αντικατασταθούν από εκείνους που είναι στο σώμα του html εγγράφου.

div μπλοκ. Display: none

Ένας άλλος τρόπος είναι να προσθέσετε άμεσα με τη φράση: «style = display: none?» Στοιχείο κώδικα. Αυτή η προσέγγιση χρησιμοποιείται συχνά κατά την εργασία με διάφορα πλαίσια, σκοπός του οποίου - μείωση του αριθμού των χαρακτηριστικών απευθείας στο στυλ και την εμφάνιση τους στο έγγραφο διαδίκτυο. Επιπλέον, ένα τέτοιο αρχείο είναι συχνά όταν παρακολουθείτε «επιθεωρητών κώδικα» της σελίδας. Είναι σημαντικό να θυμόμαστε ότι η χρήση αυτής της προσέγγισης, μπορείτε να αλλάξετε την ιδιότητα και την αξία που προβλέπονται στο στυλ. Έτσι θα πρέπει να είστε προσεκτικοί, ως εκ τούτου, μπορείτε να δημιουργήσετε επιπλέον προβλήματα για τον εαυτό τους και να περάσουν λίγο χρόνο για την εύρεση και διόρθωση των σφαλμάτων στον κώδικα της σελίδας.

το JavaScript

Αξίζει επίσης να αναφερθεί η δυνατότητα περαιτέρω αλλαγές σε αυτό το ξενοδοχείο. Δεν είναι πλέον αναφέρεται στο φύλλο στυλ και HTML κώδικα και scripting γλώσσα. Ως εκ τούτου, η εφαρμογή θα πρέπει να έχουν τουλάχιστον κάποιες γνώσεις στον τομέα αυτό. Για να καταργήσετε το στοιχείο από τη ροή έγγραφο, μπορείτε να χρησιμοποιήσετε ένα ακίνητο JavaScript «οθόνη = none». Σας επιτρέπει να αλλάξετε τη δομή του εγγράφου, όταν ένα συγκεκριμένο γεγονός. Επίσης, με τη χρήση scripts για δυναμικά ( «να πετάξει») για να αλλάξετε τις ιδιότητες των παραμέτρων και ως εκ τούτου ανανέωσης της σελίδας χωρίς να χρειάζεται να φορτώσετε εκ νέου. Αυτή η προσέγγιση είναι χρήσιμη κατά την οργάνωση του drop-down μενού, τροπική παράθυρα και τις μορφές.

SEO

Στον τομέα της βελτιστοποίησης περιεχομένου web για τις μηχανές αναζήτησης, υπάρχουν πολλές προλήψεις και αβεβαιότητες. Έτσι, πολλοί αρχάριοι ΚΕΟ εξετάσει τη χρήση των ιδιοτήτων «οθόνη» κακούς τρόπους. Εξηγούν αυτό από το γεγονός ότι οι μηχανές αναζήτησης να δει το κρυμμένο περιεχόμενο, αρχίσει να εξετάζει τη σελίδα ως spam. Σύμφωνα με τα λόγια τους, υπάρχει κάποια λογική, αλλά δεν έχουν και πολλά άλλα. Σε αυτό το χρονικό σημείο η ιδιοκτησία των κρυμμένων αντικειμένων που χρησιμοποιούνται αρκετά συχνά για να διαμορφώσετε το drop-down μενού και το κρυφό μέρος του εγγράφου, το οποίο δεν είναι επί του παρόντος ενδιαφέρουν το χρήστη (για παράδειγμα, όταν επιλέγετε μια κατηγορία άλλες πληροφορίες διαγράφεται). Η προσέγγιση αυτή χρησιμοποιεί ένα αρκετά ισχυρό διαδικτυακές πύλες (ένας από αυτούς - η «Amazon»). Έτσι, οι μηχανές αναζήτησης δεν μπορεί να εξετάσει τη χρήση του ακινήτου «display: none» spam.

Ένα άλλο πράγμα, όταν η προσέγγιση αυτή χρησιμοποιείται για να κρύψει μεμονωμένες λέξεις και τους χαρακτήρες. Παρά το γεγονός ότι τώρα οι μηχανές αναζήτησης δεν έχουν ακόμα τέλειο αναγνώριση αυτών των αλγορίθμων «spam» στα έγγραφα, η πιθανότητα ότι η σελίδα θα παραμείνει σε αυτό, είναι αρκετά υψηλό. Ως εκ τούτου, συνιστάται να χρησιμοποιήσετε την «οθόνη» ακίνητο είναι αυστηρά για τον προορισμό του - για να αλλάξετε τον τύπο του μπλοκ ή προσωρινά να κρύβονται από τα μάτια του χρήστη.