Cad iad na hathróga dhomhanda i HTML?

Question

Accepted Answer

**Athróga dhomhanda** iad seo ar féidir a chur ar *aon* eilimint HTML, beag beann ar a chineál. Soláthraítear aithint, crúka stíle, faisnéis inrochtana agus meiteashonraí orthu. ```html ``` ## Na cinn is minice a úsáidtear - **`id`** — ancaire uathúil do CSS (`#hero`), JS (`getElementById`), agus naisc laistigh den leathanach (`href="#hero"`). - **`class`** — an príomhchrúc do stíleanna agus scripting; in-athúsáidte ar fhad eilimintí. - **`data-*`** — ceangail sonraí saincheaptha le eilimintí, a léamh i JS trí `element.dataset`. - **`tabindex`** — an inbhraite agus ord tabulation an bhord eochracha a rialú (`0` = inbhraite san ord, `-1` = inbhraite trí script a sheola). - **`hidden`**, **`title`**, **`lang`**, **`role`**, **`aria-*`** — infheictheacht, dordáin leabhar, teanga agus inrochtana. ## `data-*` i ngníomh ```html ``` ```js button.dataset.action; // "delete" button.dataset.id; // "7" (always a string) ``` ## Cén fáth a bhíonn sé ábhartha Is iad na hathróga dhomhanda an tsraith fheidhmeghlasála a chomhroinneann tú ar thuairim is gach eilimint — `class`/`id` do stíleanna agus scripting, `data-*` chun sonraí a sheoladh chuig JS, agus `tabindex`/`role`/`aria-*` do inrochtana. An t-eolas a bheith agat orthu a choimeádann do mharcáil glan agus an iompar comhsheasmhach.

Na cinn is minice a úsáidtear

data-* i ngníomh

Cén fáth a bhíonn sé ábhartha

`data-*` i ngníomh