/ / / Χρήση της ιδιότητας CSS "display: none"

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

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

Ορισμός ιδιότητας

δεν εμφανίζεται καμία

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

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

Η διαφορά μεταξύ των ιδιοτήτων "εμφάνισης" και "ορατότητας"

Δεν υπάρχει καμία εμφάνιση στυλ

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

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

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

Χρήση της οθόνης CSS: καμία

div δεν εμφανίζεται καμία

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

Στον τίτλο του εγγράφου

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

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

Αποκλείστε το div. Οθόνη: καμία

css οθόνη δεν υπάρχει

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

Javascript

Αξίζει επίσης να αναφέρουμε τις πρόσθετεςτη δυνατότητα αλλαγής αυτής της ιδιότητας. Δεν ισχύει για το φύλλο στυλ και τον κώδικα html, αλλά για τη γλώσσα δέσμης ενεργειών. Ως εκ τούτου, για την εφαρμογή του, είναι απαραίτητο να έχουμε τουλάχιστον ορισμένες γνώσεις σε αυτόν τον τομέα. Για να καταργήσετε ένα στοιχείο από τη ροή εγγράφων, μπορείτε να χρησιμοποιήσετε την ιδιότητα JavaScript "display = none". Σας επιτρέπει να αλλάξετε τη δομή ενός εγγράφου όταν συμβεί κάποιο συμβάν. Επίσης, χάρη στη χρήση σεναρίων, μπορείτε να αλλάξετε δυναμικά ("σε κίνηση") την παράμετρο ιδιότητας και έτσι να ενημερώσετε την προβολή σελίδας χωρίς να χρειάζεται να την επανεκκινήσετε. Αυτή η προσέγγιση είναι χρήσιμη για την οργάνωση drop down μενού, modal windows και μορφών.

SEO

javascript καμία εμφάνιση

Στο πεδίο της βελτιστοποίησης του περιεχομένου ιστού για αναζήτησηυπάρχουν πολλές δεισιδαιμονίες και ασαφείς στιγμές. Έτσι, πολλοί αρχάριοι SEOShniki θεωρούν τη χρήση της "επίδειξης" ιδιοκτησίας έναν κακό τρόπο. Αυτό εξηγείται από το γεγονός ότι οι μηχανές αναζήτησης, βλέποντας κρυφό περιεχόμενο, αρχίζουν να θεωρούν τη σελίδα ως ανεπιθύμητη. Με τα λόγια τους υπάρχει ένα μερίδιο της λογικής, αλλά τίποτα περισσότερο. Σε αυτή την χρονική στιγμή, η ιδιότητα της απόκρυψης ενός αντικειμένου χρησιμοποιείται αρκετά συχνά για να μορφοποιήσετε τα αναπτυσσόμενα μενού και να αποκρύψετε τμήματα του εγγράφου που δεν είναι προς το παρόν ενδιαφέρον για τον χρήστη (για παράδειγμα, αν επιλεγεί μία κατηγορία, διαγράφονται πληροφορίες για το άλλο). Αυτή η προσέγγιση χρησιμοποιείται από αρκετά ισχυρές πύλες Διαδικτύου (μία από αυτές είναι η "Amazon"). Επομένως, τα ρομπότ αναζήτησης δεν μπορούν να εξετάσουν τη χρήση της ιδιότητας "εμφάνιση: κανένας" ως spam.

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

Αρέσει:
0
Δημοφιλή μηνύματα
Πνευματική Ανάπτυξη
Φαγητό
yup