Skip to main content

Kas jums jāzina par saliktām tabulām

Anonim

Web lapām ir nepieciešams ātri lejupielādēt, bet ligzdotas tabulas var palēnināt procesu. Neļaujiet nevienam pateikt, ka vairāk cilvēku izmanto platjoslas vai ātrgaitas internetu, tāpēc jums nav jāuztraucas par to, cik ātri lapas tiek ielādētas. Tīmekļa satura apjomā lapai vai vietnei, kas slodze tiek lēni, apmeklētāju skaits būs mazāks, nekā tas, kas ātri ielādējas. Ātrums ir ļoti svarīgs.

Kas ir saliktā tabula?

Nested tabula ir HTML tabula, kurā tajā atrodas cita tabula. Piemēram:

1. sleja2. sleja3. sleja
1. sleja
1. pielikuma tabulas slejaligzdotu tabulas 2. aile
3. sleja
1. sleja2. sleja3. sleja

Nested Tabulas Cause Pages, lai lejupielādētu lēnāk

Viena tabula tīmeklī neizraisa lapas lejupielādi lēnāk (saprātīgā laikā). Bet brīdī, kad jūs ievietojat vienu tabulu citā tabulā, pārlūkam tas kļūst sarežģītāks, tāpēc lapa tiek ielādēta lēnāk. Un jo vairāk tabulu esat ievietojis viens otram, jo ​​lēnāk lapa tiks ielādēta.

Izveidojot lapu ar tabulām, ņemiet vērā, ka vairāk tabulu, kas atrodas tabulu ietvaros, jo lēnāk lapa tiks ielādēta. Parasti, kad lapa tiek ielādēta, pārlūks sākas HTML augšdaļā un tiek ielādēts secīgi lejup pa lapu. Tomēr, izmantojot ligzdotas tabulas, tai ir jāatrod gala tabula, pirms tā var parādīt visu lietu.

Izkārtojuma tabulas

Jūs nedrīkstat izmantot tabulas izkārtojumam savās tīmekļa lapās. Tie gandrīz vienmēr prasa, lai jūs izmantotu ligzdotas tabulas, tāpēc tabulas izkārtojuma tīmekļa lapa ielādēsies lēnāk nekā tas pats CSS renderēts dizains.

Tāpat, ja jūs mēģināt rakstīt derīgu XHTML, tabulas nevajadzētu izmantot izkārtojumam vispār. Tabulas ir tabulas dati (piemēram, izklājlapas), nevis izkārtojums. Tā vietā, lai izkārtojuma-CSS dizainu izmantotu CSS, jums vajadzētu izmantot ātrāk un palīdzēt uzturēt derīgu XHTML.

Veidojot ātrākus galddatorus

Ja veidojat tabulu ar vairākām rindām, to var bieži ielādēt ātrāk, ja rakstāt katru rindu kā atsevišķu tabulu. Piemēram, jūs varētu uzrakstīt šādu tabulu:

augšējā rindā
kreisā kolonnalabā sleja

Bet, ja jūs rakstījāt to pašu tabulu kā divas tabulas, šķiet, ka tā tiek ielādēta ātrāk, jo pārlūks padarīs pirmo, bet pēc tam padarīs otro, nevis visu tabulu. Triks ir pārliecināties, ka katrā tabulā ir vienāds platums un citi stili (piemēram, polsterējums, maržas un robežas).

augšējā rindā
kreisā kolonnalabā sleja

Ielīmēto tabulu pārvēršana vienā tabulā

Jūs varat sajust, ka visa tā ir laba informācija, bet jums ir galds jābūt tajā ir citā tabulā. Lai gan tas var būt taisnība, bieži vien jūs varat pārvērst ligzdotas tabulas nedaudz sarežģītākajās tabulās, izmantojot tabulas šūnās un atribūtus. Piemēram, augšdaļā ievietotajā ligzdotajā tabulā es varu pārvērst to vienā tabulā tikai ar colspan atribūts:

colspan = "2" > 2. sleja colspan = "2" > 2. sleja
1. sleja3. sleja
1. sleja1. pielikuma tabulas slejaligzdotu tabulas 2. aile3. sleja
1. sleja3. sleja

Šajā tabulā ir arī izdevība izmantot mazāk rakstzīmju nekā ligzdotajā tabulā, tāpēc to arī strauji lejupielādēs.