Το στοιχείο ΤΜΗΜΑ ορίζεται ως μια σημασιολογική ενότητα μιας ιστοσελίδας ή ενός ιστότοπου που δεν είναι άλλος πιο συγκεκριμένος τύπος, όπως το ΑΡΘΡΟ ή το ASIDE Οι σχεδιαστές χρησιμοποιούν συχνά αυτό το στοιχείο όταν επισημαίνουν μια ξεχωριστή ενότητα της σελίδας - μια ολόκληρη ενότητα που θα μπορούσε να μετακινηθεί και να χρησιμοποιηθεί σε άλλες σελίδες ή τμήματα του ιστότοπου. Είναι ένα ξεχωριστό κομμάτι περιεχομένου.
Αντίθετα, το στοιχείο DIV είναι κατάλληλο για τμήματα της σελίδας που θέλετε να διαιρέσετε για άλλους σκοπούς σημασιολογία. Για παράδειγμα, μπορείτε να τυλίξετε κάποιο περιεχόμενο σε ένα DIV για να του δώσετε ένα «άγκιστρο» στο στυλ με CSS. Μπορεί να μην είναι ξεχωριστή ενότητα περιεχομένου σημασιολογικά, αλλά διαχωρίζεται έτσι ώστε να μπορείτε να επιτύχετε την επιθυμητή διάταξη ή αίσθηση.
Είναι όλα για τη σημασιολογία
Η μόνη διαφορά μεταξύ των στοιχείων DIV και SECTION είναι η σημασιολογία - το έννοια του περιεχομένου που διαιρείτε.
Οποιοδήποτε περιεχόμενο που περιέχεται σε ένα στοιχείο DIV δεν έχει εγγενή σημασία. Χρησιμοποιείται καλύτερα για πράγματα όπως:
- Στυλ CSS και άγκιστρα για στυλ CSS
- Δοχεία διάταξης
- Άγκιστρα JavaScript
- Διαιρέσεις που διευκολύνουν την ανάγνωση περιεχομένου ή HTML
Το στοιχείο DIV ήταν το μόνο διαθέσιμο στοιχείο για την προσθήκη αγκιστριών σε στυλ και έγγραφα. Πριν από το HTML5, η τυπική ιστοσελίδα ήταν γεμάτη με στοιχεία DIV. Στην πραγματικότητα, ορισμένοι συντάκτες WYSIWYG χρησιμοποίησαν το στοιχείο DIV αποκλειστικά, μερικές φορές αντί των παραγράφων.
Η HTML5 εισήγαγε στοιχεία τμηματοποίησης που δημιούργησαν πιο σημασιολογικά περιγραφικά έγγραφα και βοήθησαν στον καθορισμό στυλ σε αυτά τα στοιχεία.
Τι γίνεται με το SPAN Element;
Ένα άλλο κοινό μη σημασιολογικό στοιχείο είναι το SPAN. Χρησιμοποιείται στη γραμμή για να προσθέσετε αγκίστρια για στυλ και σενάρια γύρω από τμήματα περιεχομένου (συνήθως κείμενο). Υπό αυτήν την έννοια, είναι ακριβώς όπως το DIV, αλλά δεν είναι στοιχείο μπλοκ. Σκεφτείτε το DIV ως SPAN σε επίπεδο μπλοκ και χρησιμοποιήστε τον με τον ίδιο τρόπο, αλλά για ολόκληρα μπλοκ περιεχομένου HTML.
Το HTML δεν έχει συγκρίσιμο στοιχείο ενότητας.
Για παλαιότερες εκδόσεις του Internet Explorer
Ακόμα κι αν υποστηρίζετε δραματικά παλαιότερες εκδόσεις του Microsoft Internet Explorer που δεν αναγνωρίζουν αξιόπιστα το HTML5, θα πρέπει να χρησιμοποιείτε σημασιολογικά σωστές ετικέτες HTML. Η σημασιολογία θα βοηθήσει εσάς και την ομάδα σας να διαχειριστείτε τη σελίδα στο μέλλον. Οι τελευταίες εκδόσεις του Internet Explorer, καθώς και η αντικατάστασή του, Microsoft Edge, αναγνωρίζουν το HTML5.
Χρήση στοιχείων DIV και SECTION
Μπορείτε να χρησιμοποιήσετε ταυτόχρονα στοιχεία DIV και SECTION σε ένα έγκυρο έγγραφο HTML5 — SECTION, για να ορίσετε σημασιολογικά διακριτά τμήματα του περιεχομένου και DIV, για τον καθορισμό αγκιστριών για CSS, JavaScript και διάταξη σκοποί.
Πρωτότυπο άρθρο της Jennifer Krynin. Επεξεργασία από τον Jeremy Girard στις 15/3/17.