Παγκόσμια χαρακτηριστικά (Global attributes) είναι χαρακτηριστικά που μπορείς να βάλεις σε οποιοδήποτε στοιχείο HTML, ανεξάρτητα από τον τύπο του. Παρέχουν αναγνώριση, άγκυρες για στυλ, πληροφορίες προσβασιμότητας και μεταδεδομένα.
html
Content
Παγκόσμια χαρακτηριστικά (Global attributes) είναι χαρακτηριστικά που μπορείς να βάλεις σε οποιοδήποτε στοιχείο HTML, ανεξάρτητα από τον τύπο του. Παρέχουν αναγνώριση, άγκυρες για στυλ, πληροφορίες προσβασιμότητας και μεταδεδομένα.
Content
id — μοναδική άγκυρα για CSS (#hero), JS (getElementById), και εσωτερικές σύνδεσμοι σελίδας (href="#hero").class — ο κύριος άγκυρας για στυλ/scripting· επαναχρησιμοποιήσιμο σε στοιχεία.data-* — προσάρτηση προσαρμοσμένων δεδομένων σε στοιχεία, ανάγνωση στο JS μέσω element.dataset.tabindex — έλεγχος της δυνατότητας εστίασης και της σειράς tab του πληκτρολογίου (0 = εστιάσιμο με σειρά, -1 = εστιάσιμο μόνο μέσω script).hidden, title, lang, role, aria-* — ορατότητα, tooltips, γλώσσα και προσβασιμότητα.<button data-action="delete" data-id="7">Delete</button>
button.dataset.action; // "delete"
button.dataset.id; // "7" (always a string)
Τα παγκόσμια χαρακτηριστικά είναι το κοινό σύνολο εργαλείων που χρησιμοποιείς σε σχεδόν κάθε στοιχείο — class/id για στυλ και scripting, data-* για μεταφορά δεδομένων στο JS, και tabindex/role/aria-* για προσβασιμότητα.
Η γνώση τους διατηρεί την HTML καθαρή και τη συμπεριφορά συνεπή.