Mis tähtsus on tabeli pealkirjadel?
'Tabelite pealdisi' kasutatakse tabelite pealkirjade andmiseks, et kasutaja saaks määratleda, mida iga tabel tähendab ja kuidas selles sisalduvaid andmeid kasutada. Tiitrid võivad aidata ka veebilehel olevaid tabeleid nummerdada, et muuta neis olevad andmed paremini juurdepääsetavaks.
Tiitrid annavad täpse konteksti igale tabelile dokumendis või veebilehel, kus on palju tabeleid. Lisaks tagavad struktureeritud pealdised, et lugejad mõistavad kiiresti, millised andmed igas tabelis sisalduvad.
Kuidas kasutada Tailwind CSS-is tabeli pealkirja?
Tailwind CSS-is lisatakse tabelisse pealdis, kasutades '
Näide: tabeli pealkirja lisamine nii tabeli üla- kui ka alaossa
Järgmises koodis lisame tabeli üla- ja alaossa 'pealkirja' järgmiselt:
< laud >
< laud klass = 'min-w-täis ääris-hall-300 jaga-y jaga-hall-300' >
< thead >
< tr >
< th klass = 'py-2 px-4 bg-grey-100 border-b' >
Nimi
< / th >
< th klass = 'py-2 px-4 bg-grey-100 border-b' >
Meil
< / th >
< th klass = 'py-2 px-4 bg-grey-100 border-b' >
ID
< / th >
< th klass = 'py-2 px-4 bg-grey-100 border-b' >
Võtke ühendust
< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td klass = 'py-2 px-4 border-b' > James < / td >
< td klass = 'py-2 px-4 border-b' > james@tsl.com < / td >
< td klass = 'py-2 px-4 border-b' > 61101-1234567-8 < / td >
< td klass = 'py-2 px-4 border-b' > 123-456-7890 < / td >
< / tr >
< tr >
< td klass = 'py-2 px-4 border-b' > Michael < / td >
< td klass = 'py-2 px-4 border-b' > michael@tsl.com < / td >
< td klass = 'py-2 px-4 border-b' > 61101-8765432-1 < / td >
< td klass = 'py-2 px-4 border-b' > 098-765-4321 < / td >
< / tr >
< tr >
< td klass = 'py-2 px-4 border-b' > David < / td >
< td klass = 'py-2 px-4 border-b' > David@TSL.com < / td >
< td klass = 'py-2 px-4 border-b' > 54791-1234567-8 < / td >
< td klass = 'py-2 px-4 border-b' > 123-786-4290 < / td >
< / tr >
< tr >
< td klass = 'py-2 px-4 border-b' > Peeter < / td >
< td klass = 'py-2 px-4 border-b' > peter@tsl.com < / td >
< td klass = 'py-2 px-4 border-b' > 54300-1234567-8 < / td >
< td klass = 'py-2 px-4 border-b' > 611-239-7890 < / td >
< / tr >
< / tbody >
< pealdis >
Töötajate isiklik teave
< / pealdis >
< / laud >
< pealdis >
Ettevõtte nimi
< / pealdis >
Järgige ülaltoodud koodis neid samme:
- Looge tabel, kasutades '
” silti. - Määrake tabeli vorming utiliidiklassi kaudu.
- Määrake tabeli päised 'Nimi', 'E-post', 'ID' ja 'Kontakt' kaudu ' ” silti.
- Määrake andmed kõigi 4 tabelis oleva töötaja kohta, kasutades ' ' ja '
” sildid. - Seejärel määrake tabeli pealkiri, kasutades '
” sildistada ja sulgeda tabel. - Lõpuks lisame lõppu veel ühe märgendi „
”, et lisada tabeli allosas olev tabeli pealkiri. - Märge : see on selline, et tabeli ülaosas olev tabeli pealkiri on määratud märgendi „
” sees, samas kui alumine pealkiri tuleb määrata pärast tabeli sulgemist. Väljund
Järeldus
Tabelite pealdised on üliolulised, et anda tabelite ja neis sisalduvate andmete kohta rohkem teavet. Sellest tulenevalt suureneb tabelite juurdepääsetavus nii kasutajate kui ka lugejate jaoks mitmekordselt. Pealdis annab tabeli kohta lühidalt lisateavet, mida saab vaadata ka veebikirjeldusest.
- Määrake andmed kõigi 4 tabelis oleva töötaja kohta, kasutades ' ' ja '