HTML அட்டவணைகள் அட்டவணை தரவு (தொடர்புடைய தரவின் வரிசைகள் மற்றும் நெடுவரிசைகள்) ஐ வழங்குகின்றன — தளவமைப்பு அல்ல. அணுகல்தகுந்த அட்டவணை சரியான கட்டமைப்பைப் பயன்படுத்துகிறது, இதனால் திரையுரிமை வாசகர்கள் ஒவ்வொரு கணத்திற்கும் தலைப்புக்களைப் பறை சாற்றலாம்.
Q2 Sales by Region
Region
Revenue
North
$12,000
South
$9,500
Total$21,500
<th> மற்றும் scope — தலைப்பு கணங்களைக் குறிக்கிறது. scope="col" நெடுவரிசை தலைப்புக்களுக்கு, scope="row" வரிசை தலைப்புக்களுக்கு. திரையுரிமை வாசகர்கள் பின்னர் சூழல் இல்லாமல் கணங்களைப் படிப்பதற்கு பதிலாக "வடக்கு, வருமானம்: $12,000" ஐப் பறை சாற்றுகிறார்கள்.<caption> — முழு அட்டவணைக்கான ஒரு தலைப்பு, <table> இன் முதல் குழந்தை; பயனர்களை சரিசெய்ய படிக்கப்படுகிறது.<thead>/<tbody>/<tfoot> — தலைப்பு, உடல் மற்றும் சுருக்க வரிசைகளைக் குழுப்படுத்துதல்; வழிசெலுத்தலுக்கு உதவி மற்றும் அச்சிடும் போது தலைப்பு மீண்டும் செய்ய அனுமதிக்கிறது.<!-- ❌ this was 1990s practice — use CSS grid/flexbox instead -->
<table><tr><td>sidebar</td><td>content</td></tr></table>
தளவமைப்பு அட்டவணைகள் திரையுரிமை வாசகர்களை குழப்புகின்றன (அவை தரவு-அட்டவணை சொற்பொருளைக் கொண்டிருக்கின்றன) மற்றும் நমनीயற்றவை. பக்க தளவமைப்புக்கு CSS Grid/Flexbox ஐப் பயன்படுத்தவும்.
சரியான அட்டவணை சொற்பொருள் (<th scope>, <caption>, বিভাগீকরণ) தரவு அட்டவணைகளை திரையுரிமை வாசகர் பயனர்களுக்குப் பயன்படுத்த தகுந்ததாக்குகிறது — அவை ஒவ்வொரு மதிப்பையும் அதன் வரிசை மற்றும் நெடுவரிசை தலைப்புக்களுடன் இணைக்கின்றன.
<table> ஐ உண்மையான அட்டவணை தரவுக்கு கண்டிப்பாக ஒதுக்கிவைக்கவும்.