Ορισμός και χρήση
Με την ετικέτα
<details> ορίζουμε επιπλέον πληροφορίες για μια σελίδα ή για τμήματα μιας σελίδας, τις οποίες ο επισκέπτης μπορεί να τις εμφανίζει ή να τις αποκρύπτει. Η ετικέτα
<summary> ορίζει επικεφαλίδα για το περιεχόμενο της ετικέτας
<details>. Η επικεφαλίδα είναι πάντα ορατή, ενώ το κείμενο που βρίσκεται μέσα στην
<details> εμφανίζεται μόνο όταν ο χρήστης πατήσει επάνω στην επικεφαλίδα
Ετικέτα τέλους:
</details>
Παράδειγμα
Πηγαίος Κώδικας |
Αποτέλεσμα στον browser |
<details>
<summary>Μαθήματα HTML 5</summary>
Η νέα σειρά μαθημάτων του wlearn είναι έτοιμη
</details> |
Μαθήματα HTML 5
Η νέα σειρά μαθημάτων του wlearn είναι έτοιμη
|
Διαφορές στην χρήση μεταξύ της HTML4.01 και την HTML5
Η ετικέτα <datalist> είναι νέα στην HTML5
Ιδιότητες
Ιδιότητα |
Τιμή |
Περιγραφή |
open (HTML5) |
open |
Η ύπαρξη της ιδιότητας αυτής ορίζει το περιεχόμενο της ετικέτας <details> να είναι ορατό όταν φορτώνει η σελίδα |
Κοινές (standard) ιδιότητες που μπορεί να πάρει η ετικέτα:
HTML Γεγονότα που μπορεί να πάρει η ετικέτα:
Δοκίμασε το
Ετικέτα <details>
Σε περίπτωση που δεν εμφανίζεται σωστά το αποτέλεσμα, σημαίνει ότι ο browser σας δεν υποστηρίζει την ετικέτα αυτή