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