વૈશ્વિક વિશેષતાઓ એવી વિશેષતાઓ છે જે તમે કોઈ પણ HTML તત્વ પર મૂક શકો છો, તેનો પ્રકાર કોઈ પણ હોય તે પછી ભલે. તેઓ ઓળખ, શૈલીકરણ હુક, અ્যાક્સેસિબિલિટી માહિતી અને મેટાડેટા પ્રદાન કરે છે.
html
Content
id — CSS (#hero), JS (getElementById) અને પૃષ્ઠ-આંતર લિંક્સ (href="#hero") માટે અનન્ય સ્થગણ.class — શૈલીકરણ/સ્ક્રિપ્ટિંગ માટે પ્રાથમિક હુક; તત્વો પર પુનઃવપરાશીલ.data-* — તત્વો માટે કસ્ટમ ડેટા જોડો, JS માં element.dataset દ્વારા વાંચો.tabindex — ફોકસેબિલિટી અને કીબોર્ડ ટેબ ક્રમ નિયંત્રણ કરો (0 = ક્રમમાં ફોકસેબલ, -1 = માત્ર સ્ક્રિપ્ટ દ્વારા ફોકસેબલ).hidden, title, lang, role, aria-* — દૃશ્યમાનતા, ટૂલટિપ્સ, ભાષા અને અ્યાક્સેસિબિલિટી.data-* ક્રિયામાં<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-*.
તેમને જાણવું તમારું માર્કઅપ સ્વચ્છ અને વર્તન સંગત રાખે છે.