Mi a jelentősége a táblázat feliratainak?
A „táblázatfeliratok” a táblázatok címének adására szolgálnak, így a felhasználó meghatározhatja, mit jelentenek az egyes táblák, és hogyan használhatja fel a bennük található adatokat. A feliratok segíthetnek a weboldalon található táblázatok számozásában is, hogy a bennük lévő adatok könnyebben hozzáférhetőek legyenek.
A képaláírások pontos kontextust adnak a dokumentum vagy weboldal minden egyes táblájához, ahol nagy számú táblázat található. Ezenkívül a strukturált feliratok gondoskodnak arról, hogy az olvasók gyorsan megértsék, milyen adatokat tartalmaznak az egyes táblák.
Hogyan használjunk táblázatfeliratot a Tailwind CSS-ben?
A Tailwind CSS-ben a táblázathoz egy felirat kerül hozzáadásra a „
Példa: Táblázatfelirat hozzáadása a táblázat tetejéhez és aljához
A következő kódban „feliratot” adunk a táblázat tetejéhez és aljához is, az alábbiak szerint:
< asztal >
< asztal osztály = 'min-w-full border border-gray-300 oszt-y oszt-szürke-300' >
< thead >
< tr >
< th osztály = 'py-2 px-4 bg-gray-100 border-b' >
Név
< / th >
< th osztály = 'py-2 px-4 bg-gray-100 border-b' >
< / th >
< th osztály = 'py-2 px-4 bg-gray-100 border-b' >
ID
< / th >
< th osztály = 'py-2 px-4 bg-gray-100 border-b' >
Kapcsolatba lépni
< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td osztály = 'py-2 px-4 border-b' > James < / td >
< td osztály = 'py-2 px-4 border-b' > james@tsl.com < / td >
< td osztály = 'py-2 px-4 border-b' > 61101-1234567-8 < / td >
< td osztály = 'py-2 px-4 border-b' > 123-456-7890 < / td >
< / tr >
< tr >
< td osztály = 'py-2 px-4 border-b' > Michael < / td >
< td osztály = 'py-2 px-4 border-b' > michael@tsl.com < / td >
< td osztály = 'py-2 px-4 border-b' > 61101-8765432-1 < / td >
< td osztály = 'py-2 px-4 border-b' > 098-765-4321 < / td >
< / tr >
< tr >
< td osztály = 'py-2 px-4 border-b' > David < / td >
< td osztály = 'py-2 px-4 border-b' > David@TSL.com < / td >
< td osztály = 'py-2 px-4 border-b' > 54791-1234567-8 < / td >
< td osztály = 'py-2 px-4 border-b' > 123-786-4290 < / td >
< / tr >
< tr >
< td osztály = 'py-2 px-4 border-b' > Péter < / td >
< td osztály = 'py-2 px-4 border-b' > peter@tsl.com < / td >
< td osztály = 'py-2 px-4 border-b' > 54300-1234567-8 < / td >
< td osztály = 'py-2 px-4 border-b' > 611-239-7890 < / td >
< / tr >
< / tbody >
< felirat >
Az alkalmazottak személyes adatai
< / felirat >
< / asztal >
< felirat >
Cégnév
< / felirat >
Kövesse az alábbi lépéseket a fenti kódban:
- Hozzon létre egy táblázatot a '
” címke. - Adja meg a táblázat formázását a segédprogram osztályon keresztül.
- Határozza meg a „Név”, „E-mail”, „ID” és „Kapcsolat” táblázat fejléceit a „ ” címke.
- Határozza meg a táblázatban szereplő mind a 4 személy adatait a „ ' és a '
” címkéket. - Ezután adja meg a táblázat feliratát a „
” címkét, és zárja be a táblázatot. - Végül hozzáadunk egy másik „
” címkét a végéhez, hogy a táblázat alján táblázatfeliratot alkalmazzunk. - jegyzet : Olyan, hogy a táblázat tetején lévő táblázat felirata a „
” címkén belül van megadva, míg az alsó feliratot a táblázat záró címkéje után kell megadni.
Kimenet
Következtetés
A táblázatok feliratai létfontosságúak ahhoz, hogy több információt adjunk a táblákról és a bennük lévő adatokról. Következésképpen a táblázatok hozzáférhetősége a felhasználók és az olvasók számára egyaránt megnövekedett. A képaláírás tömören ad egy plusz információt egy táblázatról, amely az online leírásban is megtekinthető.
- Határozza meg a táblázatban szereplő mind a 4 személy adatait a „ ' és a '