Kodėl turėtumėte vengti naudoti įdėtas lenteles

Įdėtos lentelės Žemyn jūsų interneto puslapius

Interneto puslapiai turi greitai atsisiųsti, bet įdėtos lentelės gali sulėtinti procesą. Neleiskite niekam papasakoti, kad daugiau žmonių naudoja plačiajuosčio ryšio arba didelės spartos internetą, taigi jums nereikia nerimauti, kaip greitai jūsų puslapiai įkeliami. Turint žiniatinklyje esantį turinį, puslapio ar svetainės, kurios pakraunamos lėtai, lankytojų bus mažiau nei greita. Greitis yra labai svarbus.

Kas yra Nested lentelė?

Lydytoji lentelė yra HTML lentelė, kurioje yra kita lentelė. Pavyzdžiui:




1 stulpelis
2 stulpelis
3 stulpelis

1 stulpelis




įdėtos lentelės stulpelis 1
įdėtos lentelės stulpelis 2



3 stulpelis

1 stulpelis
2 stulpelis
3 stulpelis

Įdėtos lentelės sukelia puslapių, kuriuos atsisiųsti lėčiau

Viena lentelė tinklalapyje leis atsisiųsti lėčiau (atsižvelgiant į priežastis). Bet kai jūs įtraukiate vieną lentelę į kitą lentelę, naršyklė tampa sudėtingesnė, todėl puslapis įkeliamas lėčiau. Ir kuo daugiau lentų tarpusavyje, tuo lėtesnis puslapis bus įkeltas.

Sukūrę puslapį su lentelėmis, nepamirškite, kad kuo daugiau lentelių yra lentelėse, tuo lėtesnis puslapis bus įkeltas. Paprastai, kai puslapis įkeltas, naršyklė prasideda nuo HTML viršuje ir įkelia ją nuosekliai žemyn. Tačiau, naudojant įdėtas lenteles, ji turi rasti lentelės pabaigą, kad ji galėtų parodyti visą dalyką.

Lentelės maketui

Neturėtumėte naudoti tinklalapių išdėstymo lentelių . Jie beveik visada reikalauja, kad naudojate įdėtas lenteles, todėl stalo išdėstymo tinklalapis bus įkeltas lėčiau nei tas pats dizainas, kuris pateikiamas CSS.

Be to, jei bandote parašyti galiojantį XHTML, lentelės neturėtų būti naudojamos maketui. Lentelės yra lentelių duomenys (pvz., Skaičiuoklės), o ne išdėstymas. Vietoj to, jūs turėtumėte naudoti CSS, kad išdėstyti -CSS dizainai būtų atliekami greičiau ir padės išlaikyti teisingą XHTML.

Spartesnių įkėlimo lentelių kūrimas

Jei sukursite lentelę su keliomis eilėmis, ji dažnai gali būti įkelta greičiau, jei rašote kiekvieną eilutę kaip atskirą lentelę. Pavyzdžiui, galite parašyti tokį lentelę:




viršutinė eilutė

kairysis stulpelis
dešiniajame stulpelyje

Bet jei jūs parašėte tą pačią lentelę kaip dvi lentelės, atrodo, kad ji įkeliama greičiau, nes naršyklė bus pirmoji, o tada padarys antrą, o ne visą lentelę iš karto. Apgaulė yra tai, kad kiekviena lentelė turi vienodą plotį ir kitus stilius (pvz., Užpildą, kraštus ir sienas).



viršutinė eilutė




kairysis stulpelis
dešiniajame stulpelyje

Konvertuoti įdėtas lenteles į vieną lentelę

Galite jausti, kad visa tai yra gera informacija, bet turite lentelę, kurioje turi būti įterpta kita lentelė. Nors tai gali būti tiesa, dažnai galite perkelti įdėtas lenteles į šiek tiek sudėtingesnes lenteles, naudodamiesi ir lentelėje esančių elementų atributais. Pavyzdžiui, viršuje esančiame lizdinėje lentelėje galiu paversti jį į vieną lentelę tik atributu colspan :





1 stulpelis
colspan = "2" > stulpelis 2
3 stulpelis

1 stulpelis
įdėtos lentelės stulpelis 1
įdėtos lentelės stulpelis 2
3 stulpelis

1 stulpelis
colspan = "2" > stulpelis 2
3 stulpelis

Ši lentelė taip pat naudinga naudoti mažiau simbolių nei lizdinė lentelė, todėl ji bus greičiau atsisiųsti.