HTML ਵਿੱਚ ਗਲੋਬਲ ਗੁਣ ਕੀ ਹਨ?

Question

Accepted Answer

**ਗਲੋਬਲ ਗੁਣ** ਗੁਣ ਹਨ ਜੋ ਤੁਸੀਂ *ਕਿਸੇ ਵੀ* HTML ਤੱਤ ਉੱਤੇ ਰੱਖ ਸਕਦੇ ਹੋ, ਇਸ ਦੀ ਕਿਸਮ ਦੀ ਪਰਵਾਹ ਕੀਤੇ ਬਿਨਾਂ। ਇਹ ਪਛਾਣ, ਸਟਾਈਲਿੰਗ ਹੁੱਕ, ਐਕਸੈਸੀਬਿਲਿਟੀ ਜਾਣਕਾਰੀ, ਅਤੇ ਮੈਟਾਡੇਟਾ ਦਿੰਦੇ ਹਨ। ```html ``` ## ਸਭ ਤੋਂ ਵੱਧ ਵਰਤੇ ਜਾਣ ਵਾਲੇ - **`id`** — CSS (`#hero`), JS (`getElementById`), ਅਤੇ ਪੰਨੇ-ਦੌਲਤ ਲਿੰਕਾਂ (`href="#hero"`) ਲਈ ਵਿਲੱਖਣ ਐਂਕਰ। - **`class`** — ਮੁੱਖ ਸਟਾਈਲਿੰਗ/ਸਕ੍ਰਿਪਟਿੰਗ ਹੁੱਕ; ਤੱਤਾਂ ਵਿੱਚ ਦੁਬਾਰਾ ਵਰਤਣ ਯੋਗ। - **`data-*`** — ਤੱਤਾਂ ਨੂੰ ਕਸਟਮ ਡਾਟਾ ਜੋੜੋ, JS ਵਿੱਚ `element.dataset` ਦੁਆਰਾ ਪੜ੍ਹੋ। - **`tabindex`** — ਫੋਕਸਯੋਗ ਅਤੇ ਕੀਬੋਰਡ ਟੈਬ ਕ੍ਰਮ ਨੂੰ ਨਿਯੰਤ੍ਰਿਤ ਕਰੋ (`0` = ਕ੍ਰਮ ਵਿੱਚ ਫੋਕਸਯੋਗ, `-1` = ਸਕ੍ਰਿਪਟ ਦੁਆਰਾ ਸਿਰਫ ਫੋਕਸਯੋਗ)। - **`hidden`**, **`title`**, **`lang`**, **`role`**, **`aria-*`** — ਦਿਸਣਾ, ਟੂਲਟਿਪ, ਭਾਸ਼ਾ, ਅਤੇ ਐਕਸੈਸੀਬਿਲਿਟੀ। ## data-* ਕਾਰਵਾਈ ਵਿੱਚ ```html ``` ```js button.dataset.action; // "delete" button.dataset.id; // "7" (always a string) ``` ## ਇਹ ਮਹੱਤਵਪੂਰਨ ਕਿਉਂ ਹੈ ਗਲੋਬਲ ਗੁਣ ਸਾਂਝੀ ਟੂਲਕਿਟ ਹਨ ਜੋ ਤੁਸੀਂ ਲਗਭਗ ਹਰ ਤੱਤ ਉੱਤੇ ਵਰਤਦੇ ਹੋ — ਸਟਾਈਲਿੰਗ ਅਤੇ ਸਕ੍ਰਿਪਟਿੰਗ ਲਈ `class`/`id`, JS ਨੂੰ ਡਾਟਾ ਭੇਜਣ ਲਈ `data-*`, ਅਤੇ ਐਕਸੈਸੀਬਿਲਿਟੀ ਲਈ `tabindex`/`role`/`aria-*`। ਉਨ੍ਹਾਂ ਨੂੰ ਜਾਣਨਾ ਮਾਰਕਅਪ ਨੂੰ ਸਾਫ ਅਤੇ ਵਿਵਹਾਰ ਨੂੰ ਇਕਸਾਰ ਰੱਖਦਾ ਹੈ।