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