Το νέο HTML5 Ενότητα στοιχείο μπορεί να είναι κάπως συγκεχυμένο. Εάν έχετε δημιουργήσει έγγραφα HTML πριν από το HTML5, πιθανότατα χρησιμοποιείτε ήδη το στοιχείο για να δημιουργήσετε διαρθρωτικές διαιρέσεις στις σελίδες σας και στη συνέχεια να μορφοποιήσετε τις σελίδες μαζί τους. Επομένως, φαίνεται φυσικό να αντικαθιστάτε απλώς το υπάρχον DIV στοιχεία με Ενότητα στοιχεία. Αυτό όμως είναι τεχνικά λανθασμένο.
Το στοιχείο «τμήμα» είναι ένα σημασιολογικό στοιχείο
ο ΕΝΟΤΗΤΑ το στοιχείο είναι α σημασιολογικός στοιχείο; Παρέχει νόημα τόσο στους πράκτορες χρηστών όσο και στους ανθρώπους σχετικά με το τι είναι το συνημμένο περιεχόμενο - συγκεκριμένα, μια ενότητα του εγγράφου.
Αυτό μπορεί να φαίνεται σαν μια πολύ γενική περιγραφή και αυτό συμβαίνει. Υπάρχουν και άλλα Στοιχεία HTML5 που παρέχουν πιο σημασιολογικές διακρίσεις στο περιεχόμενό σας που πρέπει να χρησιμοποιήσετε πρώτα προτού χρησιμοποιήσετε το Ενότητα στοιχείο:
- Αρθρο
- Κατά μέρος
- Ναβ
Πότε να χρησιμοποιήσετε το στοιχείο «ενότητα»
Χρησιμοποιήστε το
άρθρο στοιχείο όταν το περιεχόμενο είναι ανεξάρτητο μέρος του ιστότοπου που μπορεί να είναι αυτόνομο και να κοινοποιείται όπως ένα άρθρο ή μια ανάρτηση ιστολογίου. Χρησιμοποιήστε το κατά μέρος στοιχείο όταν το περιεχόμενο σχετίζεται εφαπτομενικά είτε με το περιεχόμενο της σελίδας είτε από τον ίδιο τον ιστότοπο, όπως πλευρικές γραμμές, σχολιασμοί, υποσημειώσεις ή σχετικές πληροφορίες ιστότοπου. Χρησιμοποιήστε το ΝΑΒ στοιχείο για περιεχόμενο που υποστηρίζει πλοήγηση ιστότοπου.ο Ενότητα Το στοιχείο είναι ένα γενικό σημασιολογικό στοιχείο. Χρησιμοποιήστε το όταν κανένα από τα άλλα στοιχεία σημασιολογικού κοντέινερ δεν είναι κατάλληλο. Συνδυάζει τμήματα του εγγράφου σας σε διακριτές ενότητες που μπορείτε να περιγράψετε ως σχετικές με κάποιο τρόπο. Εάν δεν μπορείτε να περιγράψετε τα στοιχεία της ενότητας σε μία ή δύο προτάσεις, τότε μάλλον δεν πρέπει να χρησιμοποιήσετε το στοιχείο.
Αντ 'αυτού, πρέπει να χρησιμοποιήσετε το DIV στοιχείο. ο DIV Το στοιχείο στο HTML5 είναι ένα μη σημασιολογικό στοιχείο κοντέινερ. Εάν το περιεχόμενο που προσπαθείτε να συνδυάσετε δεν έχει σημασιολογική σημασία, αλλά πρέπει να το συνδυάσετε για στυλ, τότε το DIV στοιχείο είναι το κατάλληλο στοιχείο για χρήση.
Πώς λειτουργεί το στοιχείο «ενότητα»
Ένα τμήμα του εγγράφου σας μπορεί να εμφανίζεται ως το εξωτερικό δοχείο για άρθρα και κατά μέρος στοιχεία. Μπορεί επίσης να περιέχει περιεχόμενο που δεν αποτελεί μέρος του άρθρο ή κατά μέρος. ΕΝΑ Ενότητα στοιχείο μπορεί επίσης να βρεθεί μέσα σε ένα άρθρο, ΝΑΒ, ή κατά μέρος. Μπορείτε ακόμη και να τοποθετήσετε ενότητες για να δείξετε ότι μια ομάδα περιεχομένου είναι μια ενότητα μιας άλλης ομάδας περιεχομένου που είναι μια ενότητα ενός άρθρου ή της σελίδας στο σύνολό της.
ο Ενότητα Το στοιχείο δημιουργεί στοιχεία μέσα σε ένα περίγραμμα του εγγράφου. Και ως εκ τούτου, πρέπει πάντα να έχετε ένα στοιχείο κεφαλίδας (Η1 διά μέσου Η6) ως μέρος της ενότητας. Εάν δεν μπορείτε να βρείτε έναν τίτλο για την ενότητα, το DIV το στοιχείο είναι πιθανώς πιο κατάλληλο.
Εάν δεν θέλετε να εμφανίζεται ο τίτλος της ενότητας στη σελίδα, μπορείτε πάντα να τον αποκρύψετε με CSS.
Πότε να μην χρησιμοποιείται το στοιχείο "ενότητα"
Υπάρχει ένας σκοπός για τον οποίο δεν πρέπει να χρησιμοποιείτε το Ενότητα στοιχείο: μόνο για στυλ.
Με άλλα λόγια, εάν ο μόνος λόγος που βάζεις ένα στοιχείο σε αυτό το μέρος είναι να συνδέσεις Στυλ CSS ιδιότητες, δεν πρέπει να χρησιμοποιείτε Ενότητα στοιχείο. Βρες ένα σημασιολογικό στοιχείο ή χρησιμοποιήστε το DIV αντ 'αυτού.
Τελικά δεν μπορεί να έχει σημασία
Μια δυσκολία στη σύνταξη σημασιολογικού HTML είναι ότι αυτό που είναι σημασιολογικό για το πρόγραμμα περιήγησης μπορεί να είναι απολύτως ανοησία για εσάς. Εάν πιστεύετε ότι μπορείτε να δικαιολογήσετε τη χρήση του Ενότητα στοιχείο στα έγγραφά σας, τότε θα πρέπει να το χρησιμοποιήσετε. Οι περισσότεροι πράκτορες χρηστών δεν ενδιαφέρονται και θα εμφανίσουν τη σελίδα όπως θα περίμενε κανείς αν το στυλ α DIV ή α Ενότητα.
Για σχεδιαστές που θέλουν να είναι σημασιολογικά σωστοί, χρησιμοποιώντας το Ενότητα στοιχείο με σημασιολογικά έγκυρο τρόπο είναι σημαντικό. Για σχεδιαστές που θέλουν απλώς να λειτουργούν οι σελίδες τους, αυτό δεν είναι τόσο σημαντικό. Η σύνταξη σημασιολογικά έγκυρου HTML είναι καλή πρακτική και διατηρεί τις σελίδες πιο στεγανές στο μέλλον. Αλλά στο τέλος, εξαρτάται από εσάς.