HTML ცხრილები წარმოადგენენ ტაბულარული მონაცემებს (დაკავშირებული მონაცემების სტრიქონებს და სვეტებს) — არა განლაგებას. ხელმისაწვდომი ცხრილი იყენებს სწორ სტრუქტურას, ისე რომ ეკრანის მკითხველებმა შეძლონ თითოეული უჯრედის ჯამურად ზღვრის გამოცხადება.
Q2 Sales by Region
Region
Revenue
North
$12,000
South
$9,500
Total$21,500
<th> scope-თან — აღნიშნავს ზღვრის უჯრედებს. scope="col" სვეტის ზღვრისთვის, scope="row" სტრიქონის ზღვრისთვის. ეკრანის მკითხველი შემდეგ გამოცხადებს "North, Revenue: $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> მხოლოდ ნამდვილი ტაბულარული მონაცემებისთვის.
IT გასაუბრების კითხვების ბიბლიოთეკა დეტალური პასუხებით — Junior-დან Senior-მდე.
შემოწირულობა