Kāda ir tabulu parakstu nozīme?
“Tabulas paraksti” tiek izmantoti, lai tabulām piešķirtu nosaukumus, lai lietotājs varētu definēt, ko katra tabula nozīmē un kā izmantot tajā esošos datus. Paraksti var arī palīdzēt numurēt tabulas tīmekļa lapā, lai padarītu tajos esošos datus pieejamākus.
Paraksti sniedz precīzu kontekstu katrai tabulai dokumentā vai tīmekļa lapā, kur ir liels skaits tabulu. Turklāt strukturētie paraksti nodrošina, ka lasītāji ātri saprot, kādi dati ir ietverti katrā tabulā.
Kā lietot tabulas parakstu Tailwind CSS?
Programmā Tailwind CSS tabulai tiek pievienots paraksts, izmantojot “
Piemērs: tabulas paraksta pievienošana gan tabulas augšdaļā, gan apakšdaļā
Nākamajā kodā tabulas augšdaļā un apakšdaļā tiks pievienots uzraksts:
< tabula >
< tabula klasē = 'min-w-full border border-grey-300 dalījums-y dalījums-pelēks-300' >
< thead >
< tr >
< th klasē = 'py-2 px-4 bg-grey-100 border-b' >
Vārds
< / th >
< th klasē = 'py-2 px-4 bg-grey-100 border-b' >
E-pasts
< / th >
< th klasē = 'py-2 px-4 bg-grey-100 border-b' >
ID
< / th >
< th klasē = 'py-2 px-4 bg-grey-100 border-b' >
Sazināties
< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td klasē = 'py-2 px-4 border-b' > Džeimss < / td >
< td klasē = 'py-2 px-4 border-b' > james@tsl.com < / td >
< td klasē = 'py-2 px-4 border-b' > 61101-1234567-8 < / td >
< td klasē = 'py-2 px-4 border-b' > 123-456-7890 < / td >
< / tr >
< tr >
< td klasē = 'py-2 px-4 border-b' > Maikls < / td >
< td klasē = 'py-2 px-4 border-b' > michael@tsl.com < / td >
< td klasē = 'py-2 px-4 border-b' > 61101-8765432-1 < / td >
< td klasē = 'py-2 px-4 border-b' > 098-765-4321 < / td >
< / tr >
< tr >
< td klasē = 'py-2 px-4 border-b' > Deivids < / td >
< td klasē = 'py-2 px-4 border-b' > Deivids@TSL.com < / td >
< td klasē = 'py-2 px-4 border-b' > 54791-1234567-8 < / td >
< td klasē = 'py-2 px-4 border-b' > 123-786-4290 < / td >
< / tr >
< tr >
< td klasē = 'py-2 px-4 border-b' > Pēteris < / td >
< td klasē = 'py-2 px-4 border-b' > peter@tsl.com < / td >
< td klasē = 'py-2 px-4 border-b' > 54300-1234567-8 < / td >
< td klasē = 'py-2 px-4 border-b' > 611-239-7890 < / td >
< / tr >
< / tbody >
< parakstu >
Darbinieku personīgā informācija
< / parakstu >
< / tabula >
< parakstu >
Uzņēmuma nosaukums
< / parakstu >
Veiciet šīs darbības iepriekš minētajā kodā:
- Izveidojiet tabulu, izmantojot '
” tagu. - Norādiet tabulas formatējumu, izmantojot lietderības klasi.
- Definējiet tabulas galvenes “Vārds”, “E-pasts”, “ID” un “Kontaktpersona”, izmantojot “ ” tagu.
- Definējiet datus par visiem 4 darbiniekiem tabulā, izmantojot ' ” un „
” atzīmes. - Pēc tam norādiet tabulas virsrakstu, izmantojot '
” tagu un aizveriet tabulu. - Visbeidzot, beigās pievienojam vēl vienu tagu “
”, lai tabulas apakšā pievienotu tabulas parakstu. - Piezīme : tas ir tāds, ka tabulas paraksts tabulas augšpusē ir norādīts tagā “
”, bet apakšējais paraksts ir jānorāda aiz tabulas beigu taga.
Izvade
Secinājums
Tabulu paraksti ir ļoti svarīgi, lai sniegtu vairāk informācijas par tabulām un tajās esošajiem datiem. Līdz ar to tabulu pieejamība ir daudzkārt palielināta gan lietotājiem, gan lasītājiem. Paraksts sniedz papildu informāciju par tabulu kodolīgā veidā, ko var apskatīt arī tiešsaistes aprakstā.
- Definējiet datus par visiem 4 darbiniekiem tabulā, izmantojot ' ” un „