Τι είναι τα παγκόσμια χαρακτηριστικά (global attributes) στην HTML;

Question

Accepted Answer

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