Η λίστα περιγραφής παρέχει έναν σημασιολογικό τρόπο δομής και παρουσίασης πληροφοριών δημιουργώντας μια σχέση μεταξύ των όρων και των αντίστοιχων περιγραφών τους. Κάνει τα δεδομένα ή τις πληροφορίες πιο προσιτές και κατανοητές. Οι δημιουργοί μπορούν να χρησιμοποιήσουν λίστες περιγραφών σε μέρη όπως γλωσσάρια, λεξικά, ενότητες συχνών ερωτήσεων, προδιαγραφές προϊόντων κ.λπ. Αυτό το άρθρο παρουσιάζει τη διαδικασία χρήσης μιας λίστας περιγραφής σε HTML.
Πώς να χρησιμοποιήσετε τη λίστα περιγραφής σε HTML;
Η λίστα περιγραφής αποτελείται από ' », « ', και ' <ηη> ” ετικέτες και χρησιμοποιείται για να αναπαραστήσει μια συλλογή όρων και τους αντίστοιχους ορισμούς τους. Παρουσιάζει/εμφανίζει το περιεχόμενο σε μια δομημένη μορφή στην οποία η περιγραφή υπερβαίνει μια απλή λίστα κουκκίδων. Οι ιδιότητες CSS μπορούν επίσης να εφαρμοστούν στη λίστα περιγραφής για να δημιουργήσουν μια οπτικά ελκυστική διεπαφή.
Επισκεφτείτε το παρακάτω απόσπασμα κώδικα για να δημιουργήσετε μια λίστα περιγραφής σε HTML:
< σώμα >
< div >
< h2 > Μερίδια αγοράς φορητών υπολογιστών h2 >
< δλ >
< dt > Ιπποδύναμη dt >
< δδ > Στην κατηγορία Desktop Systems and laptops έχει μερίδιο 30 % δδ >
< dt > Λαγκάδα dt >
< δδ > Στην κατηγορία Desktop Systems and laptops έχει μερίδιο 24 % δδ >
< dt > Lenovo dt >
< δδ > Στην κατηγορία Desktop Systems and laptops έχει μερίδιο 14 % δδ >
δλ >
div >
σώμα >
Η εξήγηση του παραπάνω αποσπάσματος κώδικα:
-
- Στην αρχή, ο γονέας « div ' έχει δημιουργηθεί στοιχείο που λειτουργεί σαν κοντέινερ για το στοιχείο της λίστας περιγραφής και άλλα στοιχεία HTML όπως ' '.
- Στη συνέχεια, η λίστα περιγραφής '
- Στη συνέχεια, το όνομα/όρος περιγραφής ' Η ετικέτα ' χρησιμοποιείται για να ορίσει την περιγραφή των στοιχείων των οποίων η περιγραφή πρόκειται να προστεθεί.
- Μετά από αυτό, τα δεδομένα περιγραφής ' <ηη> Εισάγεται ετικέτα που περιέχει την περιγραφή/πληροφορίες που σχετίζονται με το στοιχείο περιγραφής.
Μετά το τέλος της φάσης μεταγλώττισης, τα στοιχεία HTML εμφανίζονται στην ιστοσελίδα ως εξής:
Η έξοδος δείχνει ότι έχει δημιουργηθεί η λίστα περιγραφής.
Παράδειγμα 1: Εκχώρηση πολλαπλών περιγραφών σε έναν μεμονωμένο όρο
Ο πίνακας περιγραφής μπορεί να δημιουργηθεί στον οποίο υπάρχουν περισσότερες από μία περιγραφές για έναν μεμονωμένο όρο. Μπορεί να είναι ιδιαίτερα χρήσιμο εάν υπάρχουν περισσότερες από μία έννοιες ή μέθοδοι με τις οποίες μπορεί να εξηγηθεί ο όρος περιγραφής.
Ο κώδικας για το παραπάνω σενάριο φαίνεται παρακάτω:
< div >< h2 > Μερίδια αγοράς φορητών υπολογιστών h2 >
< δλ >
< dt > Ιπποδύναμη dt >
< δδ > Στην κατηγορία Desktop Systems and laptops έχει μερίδιο 30 % σε 2018 δδ >
< δδ > Στην κατηγορία Desktop Systems and laptops έχει μερίδιο 23 % σε 2017 δδ >
< dt > Λαγκάδα dt >
< δδ > Στην κατηγορία Desktop Systems and laptops έχει μερίδιο 24 % σε 2018 δδ >
< δδ > Στην κατηγορία Desktop Systems and laptops έχει μερίδιο 27 % σε 2017 δδ >
< dt > Lenovo dt >
< δδ > Στην κατηγορία Desktop Systems and laptops έχει μερίδιο 14 % σε 2018 και 9 % σε 2017 δδ >
δλ >
div >
Στον παραπάνω κώδικα:
-
- Αρχικά, δημιουργείται η λίστα περιγραφής με τη βοήθεια του ' δλ », « dt ' και ' δδ ” στοιχεία.
- Στη συνέχεια, πολλαπλές ' <ηη> Οι ετικέτες χρησιμοποιούνται κάτω από ένα μόνο dt ' στοιχείο. Εκχωρεί πολλαπλές περιγραφές σε έναν μόνο όρο.
Μετά τη φάση της σύνταξης:
Η έξοδος δείχνει ότι έχουν προστεθεί πολλαπλές περιγραφές για έναν μόνο όρο.
Παράδειγμα 2: Αντιστοίχιση πολλών όρων σε μια ενιαία περιγραφή
Οι προγραμματιστές μπορούν επίσης να δημιουργήσουν μια λίστα περιγραφής που αποτελείται από πολλαπλούς όρους περιγραφής με δεδομένα μεμονωμένης περιγραφής. Είναι ιδιαίτερα χρήσιμο όταν πολλοί όροι είναι παρόμοιοι ή έχουν την ίδια λειτουργικότητα. Χρησιμοποιώντας αυτήν την τεχνική, όλοι αυτοί οι όροι μπορούν να περιγραφούν ταυτόχρονα:
< div στυλ = 'περιθώριο: 20 εικονοστοιχεία' >< h2 > Μερίδια αγοράς φορητών υπολογιστών h2 >
< δλ >
< dt > Ιπποδύναμη dt >
< dt > EliteBook dt >
< dt > proBook dt >
< δδ > Στην κατηγορία Desktop Systems and laptops έχει μερίδιο 30 % σε 2018 δδ >
< δδ > Στην κατηγορία Desktop Systems and laptops έχει μερίδιο 23 % σε 2017 δδ >
< dt > Lenovo dt >
< δδ > Στην κατηγορία Desktop Systems and laptops έχει μερίδιο 14 % σε 2018 και 9 % σε 2017 δδ >
δλ >
div >
Στο παραπάνω μπλοκ κώδικα, δημιουργείται η λίστα περιγραφής και πολλαπλές ' Οι ετικέτες χρησιμοποιούνται με ένα μόνο <ηη> ετικέτα '.
Μετά το τέλος της φάσης σύνταξης:
Το παραπάνω στιγμιότυπο δείχνει ότι πολλοί όροι έχουν εκχωρηθεί με δεδομένα μεμονωμένης περιγραφής.
συμπέρασμα
Η λίστα περιγραφής δημιουργείται χρησιμοποιώντας τη λίστα περιγραφής ' ετικέτα ” που δημιουργεί το κοντέινερ για τα στοιχεία της λίστας και την περιγραφή τους. Επιπλέον, το « Η ετικέτα δηλώνει το όνομα του στοιχείου του οποίου η περιγραφή πρόκειται να δοθεί. Ενώ το « <ηη> Η ετικέτα ' αποθηκεύει την αντίστοιχη περιγραφή. Αυτό το άρθρο έχει δείξει τη χρήση μιας λίστας περιγραφής σε HTML.