HTML میں global attributes کیا ہیں؟

Question

Accepted Answer

**Global attributes** وہ attributes ہیں جو آپ *کسی بھی* HTML element پر لگا سکتے ہیں، اس کی قسم سے قطع نظر۔ یہ identification، styling hooks، accessibility info، اور metadata فراہم کرتے ہیں۔ ```html ``` ## سب سے زیادہ استعمال ہونے والے - **`id`** — CSS (`#hero`)، JS (`getElementById`)، اور in-page links (`href="#hero"`) کے لیے منفرد anchor۔ - **`class`** — بنیادی styling/scripting hook؛ elements کے ساتھ دوبارہ استعمال ہو سکتا ہے۔ - **`data-*`** — elements میں custom data منسلک کریں، JS میں `element.dataset` کے ذریعے پڑھیں۔ - **`tabindex`** — focusability اور keyboard tab order کو کنٹرول کریں (`0` = ترتیب میں focusable، `-1` = صرف script کے ذریعے focusable)۔ - **`hidden`**, **`title`**, **`lang`**, **`role`**, **`aria-*`** — visibility، tooltips، language، اور accessibility۔ ## data-* عملی مثال میں ```html ``` ```js button.dataset.action; // "delete" button.dataset.id; // "7" (always a string) ``` ## اہمیت Global attributes تقریباً ہر element پر استعمال کرنے والا shared toolkit ہیں — styling اور scripting کے لیے `class`/`id`، JS کو data منتقل کرنے کے لیے `data-*`، اور accessibility کے لیے `tabindex`/`role`/`aria-*`۔ انہیں جاننا markup کو صاف اور behavior کو مطابقت پذیر رکھتا ہے۔