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