உலகளாவிய பண்புக்கள் என்பவை எந்தவொரு 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-*।
அவற்றை அறிவது குறிப்பை சுத்தமாக வைத்திருக்கிறது மற்றும் நடத்தை நிலையாக இருக்கிறது.