Afhverju ættir þú að forðast að nota búnar töflur

Nested töflur hægja vefsíðuna þína niður

Vefsíður þurfa að hlaða niður hratt, en hreiður töflur geta hægjað á ferlinu. Ekki láta neina segja þér frá því að fleiri fólk notar breiðband eða háhraða internetið, svo þú þarft ekki að hafa áhyggjur af því hversu hratt síðurnar þínar hlaða. Með því að innihalda efni á vefnum er síðu eða síða sem hleðst hægt hægt að fá færri gesti en einn sem hleðst hratt. Hraði er mjög mikilvægt.

Hvað er hreiður tafla?

Innbyggður borð er HTML tafla sem hefur annað borð inni í henni. Til dæmis:



Dálkur 1
Dálkur 2
Dálkur 3


Dálkur 1



hreiður tafla dálkur 1
hreiður borðdálki 2



Dálkur 3


Dálkur 1
Dálkur 2
Dálkur 3

Nested töflur vegna þess að síður til að hlaða niður meira hægt

Eitt borð á vefsíðu mun ekki valda því að síðunni sé sótt hægar (innan ástæðu). En um leið og þú setur eitt borð í öðru borði, fær það flóknara fyrir vafrann að gera, þannig að síðunni hleðst hægar. Og því fleiri töflur sem þú hefur búið inni í öðru, hægar á síðunni verður að hlaða.

Þegar þú býrð til síðu með töflum skaltu hafa í huga að því fleiri töflur sem eru innan borða, því hægari á síðunni verður hleðsla. Venjulega, þegar blaðsíðan byrjar, byrjar vafrinn efst á HTML og hleður honum í röð niður á síðunni. Hins vegar með hreiður töflur, það verður að finna í lok borðsins áður en það getur birt allt hlutur.

Töflur fyrir útlit

Þú ættir ekki að nota töflur fyrir skipulag á vefsíðum þínum. Þeir þurfa næstum alltaf að nota nefndir töflur, þannig að vefsíðuuppsetning vefsíðunnar mun hlaða hægar en sömu hönnun sem er veitt í CSS.

Einnig, ef þú ert að reyna að skrifa gild XHTML, ætti ekki að nota töflur fyrir skipulag yfirleitt. Töflur eru fyrir töflu gögn (ss töflureiknir), ekki fyrir skipulag. Þess í stað ættir þú að nota CSS til að búa til skipulag - CSS hönnunin skilar hraðari og hjálpar þér við að viðhalda gildum XHTML.

Hanna festa töflur

Ef þú skrifar borð með mörgum röðum getur það oft hlaðið hraðar ef þú skrifar hverja röð sem sérstakt borð. Til dæmis gætirðu skrifað borð á borð við þetta:




efstu röð

vinstri dálkur
hægri dálkur

En ef þú skrifaðir sömu töflu og tvær töflur virðist það hlaða hraðar, því að vafrinn myndi gera fyrsta og þá láta annað, frekar en að gera allt borðið í einu. The bragð er að ganga úr skugga um að hvert borð hafi sömu breidd og aðrar stíll (eins og padding, margar og landamæri).



efstu röð







vinstri dálkur
hægri dálkur

Umbreyti hreiður töflur í einni töflu

Þú gætir fundið fyrir að allt þetta sé góðar upplýsingar, en þú ert með borð sem verður að hafa annað borð búið í það. Þó að þetta kann að vera satt, getur þú oft umbreytt hreiður töflur í örlítið flóknari einnar töflur með því að nota og eiginleika á borðfrumur þínar. Til dæmis, í hreinu töflunni efst, get ég umreiknað þetta í eitt borð með aðeins colspan eiginleiki:


Dálkur 1
colspan = "2" > Dálkur 2
Dálkur 3

Dálkur 1
hreiður tafla dálkur 1
hreiður borðdálki 2
Dálkur 3

Dálkur 1
colspan = "2" > Dálkur 2
Dálkur 3

Þessi tafla hefur einnig ávinning af því að nota færri stafi en hreiður borðið, svo það mun hlaða niður hraðar vegna þess líka.