Pam Dylech Osgoi Defnyddio Tablau Nest

Nested Tables Arafwch Eich Tudalennau Gwe Down

Mae angen i dudalennau gwe lawrlwytho'n gyflym, ond gall tablau nythu arafu'r broses. Peidiwch â gadael i unrhyw un ddweud wrthych fod mwy o bobl yn defnyddio band eang neu Rhyngrwyd cyflym, felly does dim rhaid i chi boeni am ba mor gyflym y mae eich tudalennau'n llwytho. Gyda faint o gynnwys ar y We, bydd tudalen neu safle sy'n llwyddo'n araf yn cael llai o ymwelwyr nag un sy'n llwytho'n gyflym. Mae cyflymder yn bwysig iawn.

Beth yw Tabl Nestio?

Mae tabl nythedig yn bwrdd HTML sydd â thabl arall y tu mewn iddo. Er enghraifft:



Colofn 1
Colofn 2
Colofn 3


Colofn 1



colofn tabl nythu 1
colofn tabl nythu 2



Colofn 3


Colofn 1
Colofn 2
Colofn 3

Nested Tables Achoswch y Tudalennau i'w Llwytho i lawr Mwy Araf

Ni fydd un tabl ar dudalen We yn achosi'r dudalen i lawrlwytho'n arafach (o fewn rheswm). Ond ar hyn o bryd rydych chi'n gosod un tabl mewn tabl arall, mae'n mynd yn fwy cymhleth i'r porwr ei rendro, felly mae'r dudalen yn llwyddo'n arafach. A'r tablau mwy rydych chi wedi nythu y tu mewn i'w gilydd, bydd y dudalen yn llwyddo'n arafach.

Pan fyddwch yn creu tudalen gyda thablau, cofiwch mai'r tablau mwy sydd o fewn y tablau, y bydd y dudalen yn llwytho'n arafach. Fel arfer, pan fydd tudalen yn llwytho, mae'r porwr yn dechrau ar frig y HTML ac yn ei lwytho yn ôl y drefn i lawr y dudalen. Fodd bynnag, gyda thablau nythu, mae'n rhaid iddo ddod o hyd i ben y bwrdd cyn iddo ddangos yr holl beth.

Tablau ar gyfer Cynllun

Ni ddylech fod yn defnyddio tablau ar gyfer gosodiad yn eich tudalennau Gwe. Maen nhw bron bob amser yn mynnu eich bod yn defnyddio tablau nythu, felly bydd tudalen we gosodiad bwrdd yn llwytho'n arafach na'r un dyluniad a wnaed yn CSS.

Hefyd, os ydych chi'n ceisio ysgrifennu XHTML dilys, ni ddylid defnyddio tablau ar gyfer cynllun o gwbl. Mae tablau ar gyfer data tabl (megis taenlenni), nid ar gyfer gosodiad. Yn lle hynny, dylech ddefnyddio CSS ar gyfer y cynllun - Mae cynlluniau CSS yn gwneud yn gyflymach ac yn eich helpu i gynnal XHTML dilys.

Cynllunio Tablau Llwytho'n Gyntach

Os ydych chi'n dylunio tabl gyda rhesi lluosog, mae'n aml y gall hi lwytho'n gyflymach os ydych chi'n ysgrifennu pob rhes fel tabl ar wahân. Er enghraifft, gallech ysgrifennu tabl fel hyn:




rhes uchaf

chwith colofn
i'r golofn dde

Ond os ysgrifennoch yr un bwrdd â dau dabl, mae'n ymddangos ei fod yn llwytho'n gyflymach, oherwydd byddai'r porwr yn gwneud y cyntaf ac yna'n gwneud yr ail, yn hytrach na rendro'r bwrdd cyfan i gyd ar unwaith. Y tric yw sicrhau bod gan bob bwrdd lled yr un fath ac arddulliau eraill (fel padiau, ymylon a ffiniau).



rhes uchaf







chwith colofn
i'r golofn dde

Trosi Tablau Nestio i Un Tabl

Efallai y byddwch chi'n teimlo bod hyn i gyd yn wybodaeth dda, ond mae gennych bwrdd y mae'n rhaid bod bwrdd arall wedi'i nythu ynddo. Er y gall hyn fod yn wir, yn aml gallwch chi drawsnewid byrddau nythu i mewn i dablau sengl ychydig yn fwy cymhleth trwy ddefnyddio'r nodweddion a nodweddion ar eich celloedd bwrdd. Er enghraifft, yn y bwrdd nythu ar y brig, gallaf droi hyn yn un bwrdd gyda'r unig briodoldeb helaeth :


Colofn 1
colspan = "2" > Colofn 2
Colofn 3

Colofn 1
colofn tabl nythu 1
colofn tabl nythu 2
Colofn 3

Colofn 1
colspan = "2" > Colofn 2
Colofn 3

Mae gan y tabl hwn hefyd y budd o ddefnyddio llai o gymeriadau na'r tabl nythu, felly bydd yn llwytho i lawr yn gyflymach oherwydd hynny hefyd.